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

时间:2016-10-25 05:47:25

标签: javascript jquery date

我想将jquery中格式为<GroupBox Style="{StaticResource PrimaryPanel}"> <GroupBox.Header> <TextBlock Text="Title"/> this text must by styled </GroupBox.Header> </GroupBox> 2016-10-15格式的数据的日期更改为d-m-yy。我尝试并控制显示的输出15-10-2016 。我在jquery ajax页面中捕获了这个结果,该页面是从数据库中获取的。

2016-10-15

6 个答案:

答案 0 :(得分:5)

你可以使用原生的javascript函数来完成这项工作。使用.split()-分隔符将日期分割为数组并使用.reverse()反转数组,并使用.join()将数组转换为sting

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

答案 1 :(得分:3)

你可以用这样的javascript做:

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

console.log(newDate);

答案 2 :(得分: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 :(得分:1)

你可以这样试试。

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

答案 4 :(得分: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);

Working Fiddle

答案 5 :(得分:1)

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

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

根据需要格式化日期。