Localization with moment.js

frontend/frontend.js

@@ -9,16 +9,10 @@ function zerocalcareDisplay() {
         for (i in json_obj) {
             // Future improvements needed for a better backend output date in ISO format
             // Now we have to parse the string :( very very ugly
-            var datetime = json_obj[i]['DATETIME'];
-            var moments = datetime.split(' ');
+            var date = new Date(json_obj[i]['DATETIME']);
 
-            var dateMoments = moments[0].split('-');
-            var date = {};
-            date['Y'] = dateMoments[0];
-            date['M'] = dateMoments[1];
-            date['MM'] = ['gennaio', 'febbraio', 'marzo', 'aprile', 'maggio', 'giugno', 'luglio', 'agosto', 'settembre', 'ottobre', 'novembre', 'dicembre'][date['M'] - 1];
-            date['D'] = dateMoments[2];
-            var time = moments[1];
+            var m = new moment(date);
+            m.locale('it');
 
             var eventElement = document.createElement('div');
 
@@ -28,10 +22,10 @@ function zerocalcareDisplay() {
             titleElement.classList.add('widget-title');
 
             var dateElement = document.createElement('div');
-            dateElement.appendChild(document.createTextNode('📅  ' + date['D'] + ' ' + date['MM'] + ' ' + date['Y']));
+            dateElement.appendChild(document.createTextNode('📅  ' + m.format('dddd D MMMM YYYY') ));
 
             var timeElement = document.createElement('div');
-            var timeString = (json_obj[i]['ALL_DAY'] == true) ? 'Tutto il giorno' : ('ore ' + time.substring(0, 5));
+            var timeString = (json_obj[i]['ALL_DAY'] == true) ? 'Tutto il giorno' : ('ore ' + m.format('HH:mm'));
             timeElement.appendChild(document.createTextNode('⏰ ' + timeString));
 
             // add if location is not empty -- default location should be selected by backend