Datetime picker result display fix (#1359)

* Specify altFormat when we use altInput * show timezone for datepicker output
autolab · Sep 7, 2021 · 554e2f5 · 554e2f5
1 parent 6282c85
commit 554e2f5
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/app/assets/javascripts/initialize_datetimepickers.js b/app/assets/javascripts/initialize_datetimepickers.js
@@ -13,7 +13,13 @@
       $(datetimeElts[i]).flatpickr({
         enableTime: true,
         altInput: true,
-        defaultDate: defaultDate
+        defaultDate: defaultDate,
+        formatDate: (date, format) => {
+          return moment(date).format(format);
+        },
+        parseDate: (datestr, format) => {
+          return moment(datestr, format, true).toDate();
+        },
       })
     }
 
@@ -27,7 +33,13 @@
 
       $(dateElts[i]).flatpickr({
         altInput: true,
-        defaultDate: defaultDate
+        defaultDate: defaultDate,
+        formatDate: (date, format) => {
+          return moment(date).format(format);
+        },
+        parseDate: (datestr, format) => {
+          return moment(datestr, format, true).toDate();
+        },
       })
     }
   });