Formattazione della data con Javascript

Ho una stringa data / ora come 2012-01-13 04:37:20 ma voglio convertirla in dd-mm-yyyy hh:mm , come posso fare questo?

Sto usando il seguente codice ma genera un’eccezione.

 var now = "2012-01-13 04:37:20"; var dd = now.toLocaleDateString() + " " + now.toLocaleTimeString(); alert(dd); 

È ansible eseguire una semplice manipolazione delle stringhe e creare un object data js. Vedere la funzione in basso, che accetta la data in formato // aaaa-mm-gg hh: mm: ss

DEMO qui

 function toJSDate (dateTime) { var dateTime = dateTime.split(" ");//dateTime[0] = date, dateTime[1] = time var date = dateTime[0].split("-"); var time = dateTime[1].split(":"); //(year, month, day, hours, minutes, seconds, milliseconds) return new Date(date[0], date[1], date[2], time[0], time[1], time[2], 0); } 

Usa una semplice manipolazione delle stringhe (come suggerito da @SKS) o usa una libreria. Quest’ultimo è più flessibile e consente di modificare facilmente il formato di input o di output. Ad esempio, utilizzando la libreria Globalize.js , si dovrebbe scrivere:

 var dd = Globalize.parseDate(now, "yyyy-MM-dd HH:mm:ss"); dd = Globalize.format(dd, "dd-MM-yyyy HH:mm"); 

Si noti tuttavia che formati come “gg-mm-aaaa hh: mm” sono confusi: non è né un formato ISO standard né alcun formato localizzato (dipendente dalla lingua). La libreria Globalize.js consente di utilizzare formati predefiniti dipendenti dalla lingua oltre a formati specificati in modo esplicito.

Si noti che le routine di analisi e di creazione della data e dell’ora incorporate in JavaScript dipendono dall’implementazione. Usarli significa codice non-portatile. Ad esempio, non vi è alcuna garanzia che il new Date() accetti il ​​formato che avete come input, e toLocaleDateString () scriva la data in un formato dipendente dalla lingua, che può essere qualsiasi cosa.

Il momento migliore per gestire la data-ora in JavaSCript è il momento.

 moment().format('MMMM Do YYYY, h:mm:ss a'); 

Se non hai bisogno di tutte le funzionalità che fornisce una libreria come Moment.js , puoi utilizzare la mia porta di strftime . È leggero (1,35 KB rispetto a 57,9 KB ridotto rispetto a Moment.js 2.15.0) e fornisce la maggior parte delle funzionalità di strftime() .

 /* Port of strftime(). Compatibility notes: * * %c - formatted string is slightly different * %D - not implemented (use "%m/%d/%y" or "%d/%m/%y") * %e - space is not added * %E - not implemented * %h - not implemented (use "%b") * %k - space is not added * %n - not implemented (use "\n") * %O - not implemented * %r - not implemented (use "%I:%M:%S %p") * %R - not implemented (use "%H:%M") * %t - not implemented (use "\t") * %T - not implemented (use "%H:%M:%S") * %U - not implemented * %W - not implemented * %+ - not implemented * %% - not implemented (use "%") * * strftime() reference: * http://man7.org/linux/man-pages/man3/strftime.3.html * * Day of year (%j) code based on Joe Orost's answer: * http://stackoverflow.com/questions/8619879/javascript-calculate-the-day-of-the-year-1-366 * * Week number (%V) code based on Taco van den Broek's prototype: * http://techblog.procurios.nl/k/news/view/33796/14863/calculate-iso-8601-week-and-year-in-javascript.html */ function strftime(sFormat, date) { if (!(date instanceof Date)) date = new Date(); var nDay = date.getDay(), nDate = date.getDate(), nMonth = date.getMonth(), nYear = date.getFullYear(), nHour = date.getHours(), aDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], aMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], aDayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334], isLeapYear = function() { return (nYear%4===0 && nYear%100!==0) || nYear%400===0; }, getThursday = function() { var target = new Date(date); target.setDate(nDate - ((nDay+6)%7) + 3); return target; }, zeroPad = function(nNum, nPad) { return ('' + (Math.pow(10, nPad) + nNum)).slice(1); }; return sFormat.replace(/%[az]/gi, function(sMatch) { return { '%a': aDays[nDay].slice(0,3), '%A': aDays[nDay], '%b': aMonths[nMonth].slice(0,3), '%B': aMonths[nMonth], '%c': date.toUTCString(), '%C': Math.floor(nYear/100), '%d': zeroPad(nDate, 2), '%e': nDate, '%F': date.toISOString().slice(0,10), '%G': getThursday().getFullYear(), '%g': ('' + getThursday().getFullYear()).slice(2), '%H': zeroPad(nHour, 2), '%I': zeroPad((nHour+11)%12 + 1, 2), '%j': zeroPad(aDayCount[nMonth] + nDate + ((nMonth>1 && isLeapYear()) ? 1 : 0), 3), '%k': '' + nHour, '%l': (nHour+11)%12 + 1, '%m': zeroPad(nMonth + 1, 2), '%M': zeroPad(date.getMinutes(), 2), '%p': (nHour<12) ? 'AM' : 'PM', '%P': (nHour<12) ? 'am' : 'pm', '%s': Math.round(date.getTime()/1000), '%S': zeroPad(date.getSeconds(), 2), '%u': nDay || 7, '%V': (function() { var target = getThursday(), n1stThu = target.valueOf(); target.setMonth(0, 1); var nJan1 = target.getDay(); if (nJan1!==4) target.setMonth(0, 1 + ((4-nJan1)+7)%7); return zeroPad(1 + Math.ceil((n1stThu-target)/604800000), 2); })(), '%w': '' + nDay, '%x': date.toLocaleDateString(), '%X': date.toLocaleTimeString(), '%y': ('' + nYear).slice(2), '%Y': nYear, '%z': date.toTimeString().replace(/.+GMT([+-]\d+).+/, '$1'), '%Z': date.toTimeString().replace(/.+\((.+?)\)$/, '$1') }[sMatch] || sMatch; }); } 

Esempio di utilizzo:

 // Returns "15-09-2016 16:20" strftime('%d-%m-%Y %H:%M'); // You can optionally pass it a Date object // Returns "01-01-2016 21:30" strftime('%d-%m-%Y %H:%M', new Date('Jan 1, 2016 9:30 PM')); 

L'ultimo codice è disponibile qui: https://github.com/thdoan/strftime

Penso che sia meglio usare la class Intl.DateTimeFormat .

L’utilizzo è abbastanza semplice. Non puoi inserire un pattern come vuoi, ma ti darà i risultati che desideri.

Ecco un esempio su come usarlo:

 public formatDate(date : Date) : string{ var options = { year: 'numeric', month: 'short', day: 'numeric' }; return new Intl.DateTimeFormat('de-DE', options).format(date); } 

Se vuoi davvero inserire una stringa DateTimeFormat, sarebbe abbastanza facile scrivere una funzione che analizzi la stringa usando Regex, ma non penso che sia necessaria.

Per ulteriori informazioni vai qui:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat

La data richiede l’object Date quindi dovresti dare var d = new Date () qualcosa come questo, quindi per la formattazione vedi http://code.google.com/p/datejs/ link sarà utile.

una piccola funzione, come segue:

 var formatTime = function(time, format){ time = typeof time == 'number' ? new Date(time) : time; format = format || 'yyyy-mm-dd hh:MM:ss'; var year = time.getFullYear(); var month = time.getMonth() + 1; var date = time.getDate(); var hours = time.getHours(); var minutes = time.getMinutes(); var seconds = time.getSeconds(); var add0 = function(t){return t < 10 ? '0' + t : t} var replaceMent = { 'yyyy': year, 'mm': add0(month), 'm': month, 'dd': add0(date), 'd': date, 'hh': add0(hours), 'h': hours, 'MM': add0(minutes), 'M': minutes, 'ss': add0(seconds), 's': seconds } for( var k in replaceMent ){ format = format.replace(k, replaceMent[k]); } return format; 

}

Per lavorare con DateTimes in javascript è meglio usare il ‘Intl.DateTimeFormat’ come segue:

 var date = new Date('2012-01-13 14:37:20'); var options = { year: 'numeric', month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit',hour12: false}; console.log(new Intl.DateTimeFormat('en-US', options).format(date).replace(/\//g,'-').replace(',','')); 

Risultato: “01-13-2012 14:37”

I formati di data e ora possono essere personalizzati con l’argomento opzioni.

Controlla online

Facilmente realizzato dal mio pacchetto data-shortcode :

 const dateShortcode = require('date-shortcode') dateShortcode.parse('{DD-MM-YYYY hh:mm}', '2012-01-13 04:37:20') //=> '13-01-2012 04:37' 

La variabile ora è un object String e il metodo toLocaleDateString richiede un object Date . Vedi w3schools