如何使用输出中的 jquery 格式化日期

Question

我正在尝试显示我想要的日期格式，但 none 的解决方案对我不起作用。

$(document).ready(function() {

  var html = '';
  var startDate = '07/04/2017';
  var chunks = startDate.split('/');
  var startformattedDate = chunks[1] + '-' + chunks[0] + '-' + chunks[2];

  var endDate = '15/04/2017';
  var chunks1 = endDate.split('/');
  var endformattedDate = chunks1[1] + '-' + chunks1[0] + '-' + chunks1[2];

  var start = new Date(startformattedDate);
  var end = new Date(endformattedDate);
  var data = [];

  while (start <= end) {
    data.push(new Date(start));
    start.setDate(start.getDate() + 1);
  }
  for (i = 0; i < data.length; i++) {
    html += '<tr><td>' + data[i] + '</td></tr>';
  }
  $('.Dates').append(html);
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table class="Dates">
</table>

我想显示以下任一格式的日期。我该怎么做？

Fri Apr 07 2017 或 Fri 7th Apr 2017

我尝试使用以下格式，但其中 none 与我想要的输出不匹配

new Date().toISOString()

new Date().toISOString().split('T')[0];

new Date().toISOString().replace('-', '/').split('T')[0].replace('-', '/');

new Date().toLocaleString().split(',')[0]

有什么建议，请！

Answer 1

你可以用new Date().toString().substring(0,15)

new Date().toString() 将 return 格式如下：Tue Aug 01 2017 08:14:20 GMT+0200 (Romance Daylight Time)

然后加上.substring(0,15)就可以把这部分去掉Tue Aug 01 2017

console.log(new Date().toString().substring(0,15))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这是您的代码和工作示例

$(document).ready(function() {

  var html = '';
  var startDate = '07/04/2017';
  var chunks = startDate.split('/');
  var startformattedDate = chunks[1] + '-' + chunks[0] + '-' + chunks[2];

  var endDate = '15/04/2017';
  var chunks1 = endDate.split('/');
  var endformattedDate = chunks1[1] + '-' + chunks1[0] + '-' + chunks1[2];

  var start = new Date(startformattedDate);
  var end = new Date(endformattedDate);
  var data = [];

  while (start <= end) {
    data.push(new Date(start));
    start.setDate(start.getDate() + 1);
  }
  for (i = 0; i < data.length; i++) {
    html += '<tr><td>' + data[i].toString().substring(0,15) + '</td></tr>';
  }
  $('.Dates').append(html);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table class="Dates">
</table>

Answer 2

您可以使用 substring 获取所需的日期格式：

$(document).ready(function() {

  var html = '';
  var startDate = '07/04/2017';
  var chunks = startDate.split('/');
  var startformattedDate = chunks[1] + '-' + chunks[0] + '-' + chunks[2];

  var endDate = '15/04/2017';
  var chunks1 = endDate.split('/');
  var endformattedDate = chunks1[1] + '-' + chunks1[0] + '-' + chunks1[2];

  var start = new Date(startformattedDate);
  var end = new Date(endformattedDate);
  var data = [];

  while (start <= end) {
    data.push(new Date(start));
    start.setDate(start.getDate() + 1);
  }
  for (i = 0; i < data.length; i++) {

    html += '<tr><td>' + data[i].toString().substring(0, 15) + '</td></tr>';
  }
  $('.Dates').append(html);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table class="Dates">
</table>

Answer 3

var formateJsonDateToSimpleDateFormate=function(jsondate){
var datePart=jsondate.split('T')[0];
datePart=datePart.substring(0,10);
var dateNew=datePart.split('-');
var date=dateNew[2]+'/'+dateNew[1]+'/'+dateNew[0];
return date;
}

我做到了。它对我有用。和

 var formateJsonDateToSimpleDateFormate=function(jsondate){
  var d=new Date(parseInt(jsondate.slice(6,-2)));
 var hour=d.getHours()==0?12:(d.getHours()>12?d.getHours()-12:d.getHours());
var min=d.getMinutes<10?'0'+d.getMinutes():d.getMinutes();
var ampm=d.getHours()<12?'AM':'PM';
hour=hour<10?'0'+hour:hour;
var time=hour+':'+min+' '+ampm;
var date=d.getDate()+'-'+getMonthNameInShortForm(1+d.getMonth())+'-'d.getFullYear()+ " "+time;
return date;

}

var getMonthNameInShortForm=function(monthNumber){
var months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
return months[monthNumber+1];
}

Answer 4

您可以像

一样使用它，而不是在循环中附加data[i]

for (i = 0; i < data.length; i++) {
   html += '<tr><td>' + data[i].toString().split(" 00")[0] + '</td></tr>';
}

Answer 5

如果您正在使用 jQuery UI，那么您可以使用以下方法：

var formatted_date = $.datepicker.formatDate('D M dd yy', new Date());
// Fri Apr 07 2017

var formatted_date = $.datepicker.formatDate('D M dth yy', new Date());
// Fri Apr 7th 2017

注意：对于第二个，它不能很好地与 1st、2nd、3rd... 一起使用，因为它会输出 1th、2th、3th，但是您可以尝试在返回格式之前创建 if 条件。

Answer 6

You can use jquery-dateFormat without jQuery. You just need to import the dateFormat.js above and instead of formatting with $.format(...) you should use DateFormat.format('D M dth yy').

For more check the document..

如何使用输出中的 jquery 格式化日期

How to format date using jquery from the output

jquery

date-format