如何使用 javascript/jquery 反转日期格式 yyyy-mm-dd？答案

【问题标题】：How to reverse date format yyyy-mm-dd using javascript/jquery?如何使用 javascript/jquery 反转日期格式 yyyy-mm-dd？
【发布时间】：2025-11-29 08:55:01
【问题描述】：

我想将 jquery 中格式为 2016-10-15 的数据的日期更改为 d-m-yy 格式为 15-10-2016。我尝试并控制台显示它显示的输出 2016-10-15。我在 jquery ajax 中捕获了这个结果从数据库中获取的页面。

$.each(req,function(i,item){
    var val=$.format.date(req[i].from_date, "dd/MMM/yyyy");
    console.log(val);   //'2016-10-15'
});

【问题讨论】：

你可以从这里得到它，*.com/questions/20946475/…

标签： javascript jquery date

【解决方案1】：

您可以使用本机 javascript 函数来完成这项工作。使用.split() 将日期按- 分隔符拆分为数组并使用.reverse() 反转数组并使用.join() 将数组转换为字符串

var date = "2016-10-15";
date = date.split("-").reverse().join("-");
console.log(date);

【讨论】：

【解决方案2】：

简单的正则表达式.replace():

var input = "2016-10-15";
var output = input.replace(/(\d{4})-(\d\d)-(\d\d)/, "$3-$2-$1");
console.log(output);

您可以轻松地让正则表达式接受多个分隔符：

var re = /(\d{4})[-. \/](\d\d)[-. \/](\d\d)/;

console.log("2015-10-15".replace(re, "$3-$2-$1"));
console.log("2015.10.15".replace(re, "$3-$2-$1"));
console.log("2015 10 15".replace(re, "$3-$2-$1"));
console.log("2015/10/15".replace(re, "$3-$2-$1"));

【讨论】：

【解决方案3】：

你可以在 javascript 中这样做：

var dateAr = '2016-10-15'.split('-');
var newDate = dateAr[1] + '-' + dateAr[2] + '-' + dateAr[0];

console.log(newDate);

【讨论】：

【解决方案4】：

一种方法：

    var MyDate = '2016-10-15';
    var formattedDate = new Date(MyDate);
    var d = formattedDate.getDate();
    var m =  formattedDate.getMonth();
    m += 1;  // JavaScript months are 0-11
    var y = formattedDate.getFullYear();
    alert(d + "-" + m + "-" + y);

Working Fiddle

【讨论】：

【解决方案5】：

你可以这样试试。

 var OldDate = new Date('2016-10-15');
 var NewDate = OldDate.getDate() + '-' + (OldDate.getMonth() + 1) + '-' + OldDate.getFullYear();

【讨论】：

【解决方案6】：

您可以在以下代码中以多种格式获取日期。

var dateObj = new Date();
var div = document.getElementById("dateDemo");

div.innerHTML = "Date = " + dateObj.getDate() + 
"<br>Day = " + dateObj.getDay() + 
"<br>Full Year = " + dateObj.getFullYear() +
"<br>Hour = " + dateObj.getHours() +
"<br>Milli seconds = " + dateObj.getMilliseconds() + 
"<br>Minutes = " + dateObj.getMinutes() + 
"<br>Seconds = " + dateObj.getSeconds() + 
"<br>Time = " + dateObj.getTime();

&lt;div id="dateDemo"&gt;&lt;/div&gt;

根据需要格式化日期。

【讨论】：