add date picker for date fields

ibm-watson-data-lab · May 17, 2017 · 822f271 · 822f271
1 parent 7f60aac
commit 822f271
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 8 deletions.
diff --git a/public/js/app.js b/public/js/app.js
@@ -188,6 +188,12 @@ var initForm = function() {
 
     submitForm('#' + $(this).attr('id'));
   });
+
+  // pickadate
+  $('.datepicker').pickadate({
+    format: 'yyyy-mm-dd',
+    formatSubmit: 'yyyy-mm-dd'
+  });
 };
 
 var updatePage = function() {
@@ -348,8 +354,6 @@ $(document).ready(function(){
 
   // render the page
   updatePage();
-
 
-
 });
 
diff --git a/public/templates/attended.html b/public/templates/attended.html
@@ -13,13 +13,13 @@ <h3>I Attended An Event</h3>
   <div class="row">
     <div class="col s12">
       <label for="eventstart">Date Start</label>
-      <input id="eventstart" name="dtstart" type="date" value="{{dtstart}}" class="datepicker" />
+      <input id="eventstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="datepicker" />
     </div>
   </div>
   <div class="row">
     <div class="col s12">
       <label for="eventend">Date End</label>
-      <input id="eventend" name="dtend" type="date" value="{{dtend}}" class="datepicker" />
+      <input id="eventend" name="dtend" type="date" placeholder="YYYY-MM-DD" value="{{dtend}}" class="datepicker" />
     </div>
   </div>
   <div class="row">      

diff --git a/public/templates/blogged.html b/public/templates/blogged.html
@@ -12,7 +12,7 @@ <h3>I Published a Blog</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">

diff --git a/public/templates/expense.html b/public/templates/expense.html
@@ -12,7 +12,7 @@ <h3>I Spent Money</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">

diff --git a/public/templates/pr.html b/public/templates/pr.html
@@ -18,7 +18,7 @@ <h3>I Spoke To The Press</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="{{dtstart}}" value="" class="" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="datepicker" />
     </div>
   </div>
   <div class="row">

diff --git a/public/templates/presented.html b/public/templates/presented.html
@@ -22,7 +22,7 @@ <h3>I Presented At An Event</h3>
   <div class="row"> 
     <div class="col s12">
       <label for="sessionstart">Date</label>
-      <input id="sessionstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="sessionstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">