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

7

我想要将格式为2016-10-15的日期更改为d-m-yy格式,以便在jquery中显示为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'
});

你可以从这里获取,https://dev59.com/UmEi5IYBdhLWcg3wyO04 - Mr. J
6个回答

24
你可以使用本地JavaScript函数完成此任务。使用 .split() 函数将日期按 - 分隔符拆分为数组,并使用.reverse()反转数组,最后使用.join()将数组转换为字符串。

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


3

使用正则表达式 .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);

1
你可以通过以下代码获取日期的多种格式。

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();
<div id="dateDemo"></div>

按您想要的格式格式化日期。


1
你可以试试这样做。
 var OldDate = new Date('2016-10-15');
 var NewDate = OldDate.getDate() + '-' + (OldDate.getMonth() + 1) + '-' + OldDate.getFullYear();

1
一种方法是这样做:

    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);

工作的Fiddle


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接