使用jQuery或javascript轉換日期格式（不使用任何lib）

Question

我如何使用js或jQuery將日期的2016-01-05 04:06:52日期格式轉換為標准日期格式，如05 Jan,2016 。 下面是我的代碼。

var dateFormat = data.data[p].UserPackage.created;
alert(dateFormat); //2016-01-05 04:06:52


    var t = data.data[p].UserPackage.created.split(/[- :]/);
    alert(t); //2016,01,05,04,06,52

    var d = new Date(t[0], t[1] - 1, t[2], t[3], t[4], t[5]);

    alert(d); //Tue Jan 05 2016 04:06:52 GMT+0530 (India Standard Time)

我已經嘗試了上述編碼，其工作方式如何，但我希望確切的格式看起來像05 Jan,2016 Jan 05 2016或05 Jan,2016 Jan 05 2016 。

Answer 1

試試Moment.js

var dateFormat = '2016-01-05 04:06:52';
alert(moment(dateFormat).format('MMM YYYY'));

其他方法：

var date = moment().format('MMMM Do YYYY, h:mm:ss a'); // January 13th 2016, 12:53:43 pm
var date = moment().format('dddd');                    // Wednesday
var date = moment().format("MMM Do YY");               // Jan 13th 16
var date = moment().format('YYYY [escaped] YYYY');     // 2016 escaped 2016
var date = moment().format();                          // 2016-01-13T12:53:43+08:00

DEMO：

 var dateFormat = '2016-01-05 04:06:52'; var formatedDate = moment(dateFormat).format('DD MMM YYYY'); $('#result').html(formatedDate); alert(formatedDate);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://momentjs.com/downloads/moment-with-locales.js"></script> <p id="result"></p>

Answer 2

您可以使用jquery-dateFormat jquery插件。

var  dateFormat=data.data[p].UserPackage.created;
 alert(dateFormat);//2016-01-05 04:06:52
document.write($.format.date(dateFormat, "dd MMM,yyyy"));

您也可以像下面的示例一樣在不使用任何庫的情況下進行轉換

            //Pure javascript codes    
            var datestr = "2016-01-05 04:06:52";

            var monthNames = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
            var date = new Date(datestr);
            var day = date.getDate() <10? "0"+date.getDate():date.getDate();
            var convertedDate = day+" "+monthNames[date.getMonth()]+","+ date.getFullYear();
            document.write(convertedDate);
            console.log(convertedDate);

Answer 3

jQuery UI有一個日期解析器，您可以使用它。

$.datepicker.parseDate( "dd MMM,yyyy", dateFormat );

Answer 4

我已經找到了解決我問題的方法，但是經過了很長的時間。好吧，我把它放在一個函數中，從那里我通過調用所需的日期作為參數來調用它。下面是代碼，我直接在其中調用它。

 <!DOCTYPE html> <html lang="en"> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var datestr = "2016-01-05 04:06:52"; var t = datestr.split(/[- :]/); replace_date = datestr.replace(' ', 'T'); var date = new Date(replace_date); var month = date.getMonth() + 1; month = month < 10 ? '0' + month : month; if (month == "01") { month = "Jan"; } else if (month == "02"){ month = "Feb"; } else if (month == "03") {month = "March"; } else if (month == "04") { month = "April";}else if (month == "05") { month = "May"; } else if (month == "06"){ month = "June";} else if (month == "07"){ month = "July";} else if (month == "08"){ month = "Aug";} else if (month == "09"){ month = "Sep";}else if (month == "10"){ month = "Oct";} else if (month == "11"){ month = "Nov";}else if (month == "12") {month = "Dec"; } alert(t[2] +' , ' + month +' ' + t[0]); }); </script> </head> <body> </body>

使用jQuery或javascript轉換日期格式（不使用任何lib）

問題描述

4 個解決方案

解決方案1
1 2016-01-13 04:54:34

解決方案2
0 2016-01-13 04:48:45

解決方案3
0 2016-01-13 04:58:15

解決方案4
0 2016-01-13 11:11:44

使用jQuery或javascript轉換日期格式（不使用任何lib）

問題描述

4 個解決方案

解決方案1 1 2016-01-13 04:54:34

解決方案2 0 2016-01-13 04:48:45

解決方案3 0 2016-01-13 04:58:15

解決方案4 0 2016-01-13 11:11:44

解決方案1
1 2016-01-13 04:54:34

解決方案2
0 2016-01-13 04:48:45

解決方案3
0 2016-01-13 04:58:15

解決方案4
0 2016-01-13 11:11:44