[frontend] Adapt datetime picker placeholders to date format

UCL-INGI · May 16, 2024 · 488953d · 488953d
1 parent 7401dec
commit 488953d
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/inginious/frontend/templates/layout.html b/inginious/frontend/templates/layout.html
@@ -226,16 +226,26 @@
             var timezone = "{{user_manager.session_timezone()}}" !== "None" ? "{{user_manager.session_timezone()}}" :  Intl.DateTimeFormat().resolvedOptions().timeZone;
             js_datetime_format = "{{available_datetime_formats[user_manager.session_datetime_format()]}}";
 
+            // Update datetime display
             $(".datetime-display").each(function() {
                 var date = $(this).text();
 
-                // check the date has a correct structure
                 if (moment(date, 'YYYY-MM-DD HH:mm:ss.SSSSS').isValid()) {
                     var updatedDate = moment.utc(date, 'YYYY-MM-DD HH:mm:ss.SSSSS').tz(timezone).format(js_datetime_format);
                     $(this).text(updatedDate);
                 }
             });
 
+            // Update datetime input placeholder to correct format
+            $(".datetimepicker-input").each(function() {
+                var date = $(this).attr('placeholder');
+
+                if (moment(date, 'YYYY-MM-DD HH:mm:ss.SSSSS').isValid()) {
+                    var updatedDate = moment.utc(date, 'YYYY-MM-DD HH:mm:ss').format(js_datetime_format);
+                    $(this).attr('placeholder', updatedDate);
+                }
+            });
+
         });
 
     </script>