使用 jQuery 或 javascript 转换日期格式（不使用任何库）答案

【问题标题】：Convertion of date format using jQuery or javascript(Without using any lib)使用 jQuery 或 javascript 转换日期格式（不使用任何库）
【发布时间】：2016-01-13 04:43:25
【问题描述】：

如何使用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。

【问题讨论】：

php.net/manual/en/class.datetime.php 看看

标签： javascript php jquery datepicker

【解决方案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

演示：

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>

【讨论】：

【解决方案2】：

Jquery UI 有一个可以使用的日期解析器。

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

【讨论】：

【解决方案3】：

您可以使用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);

【讨论】：

它显示 TypeError: $.format is undefined ，我没有使用任何日期js。 @jameshwart 洛佩兹
你下载图书馆了吗？这是link
我可以不使用库吗？@jameshwart lopez
是的，你的答案是正确的，你能运行代码sn-p
你说的是 jquery 和 dateFormat js 文件吗？我的答案是使用 jquery 插件和纯 javascript。只需在两者之间进行选择。如果您不想使用 jquery 插件，只需将其删除，然后从我的评论纯 javascript 代码开始拍摄代码即可。

【解决方案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>

【讨论】：