fix: Fixed model-binding example for datepicker

#28
InfomediaLtd · Apr 30, 2016 · 769cc1d · 769cc1d
1 parent f7a1787
commit 769cc1d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/app/components/model-bindings/model-bindings.ts b/app/components/model-bindings/model-bindings.ts
@@ -30,7 +30,7 @@ import * as Materialize from "../../../src/index";
              <h4>Datepicker model binding</h4>
                 <div class="row">
                     <div class="input-field col s6">
-                            <input type="text" [(ngModel)]="datepicker" materialize="pickadate" />
+                            <input type="text" [(ngModel)]="datepicker" materialize="pickadate" [materializeParams]="[{format:'dd/mm/yyyy'}]" />
                     </div>
                 </div>
             <p>{{ datepicker }}</p>
@@ -45,8 +45,8 @@ export class ModelBindings {
     inputVal : string;
     datepicker: string;
     constructor() {
-        
-        this.datepicker = '12/12/12';
+
+        this.datepicker = '01/02/2016';
 
         // input
         this.inputVal="Materialize is awesome!";

diff --git a/index-materializecss.html b/index-materializecss.html
@@ -0,0 +1,11 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
+    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
+  </head>
+  <body>
+    <script>
+    </script>
+  </body>
+</html>