将dd-mm-yyyy字符串转换为日期

我试图将格式为dd-mm-yyyy的字符串转换为JavaScript中的日期对象，使用以下方法:

 var from = $("#datepicker").val();
var to = $("#datepickertwo").val();
var f = new Date(from);
var t = new Date(to);

("#datepicker").val()包含格式为dd-mm-yyyy的日期。 当我执行以下操作时，我得到“无效日期”:

alert(f);

这是因为“-”符号吗?我怎样才能克服这个问题呢?

791661 次浏览
小开

使用这个格式:myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

小开

你也可以在Date()对象的括号内写一个日期，就像这样:

new Date("Month dd, yyyy hh:mm:ss")
new Date("Month dd, yyyy")
new Date(yyyy,mm,dd,hh,mm,ss)
new Date(yyyy,mm,dd)
new Date(milliseconds)
小开

您可以使用外部库来帮助您。

http://www.mattkruse.com/javascript/date/source.html

getDateFromFormat(val,format);

也可以看到这个:在JavaScript中解析日期时间字符串

小开
最佳答案

在"-"上分裂

解析字符串为你需要的部分:

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

使用正则表达式

var date = new Date("15-05-2018".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3"))

为什么不用正则表达式?

因为您知道您将处理一个由三部分组成的字符串，由连字符隔开。

然而，如果你在另一个字符串中寻找相同的字符串，regex将是一种方法。

重用

因为你在你的示例代码中做了不止一次，也许在你的代码库的其他地方，把它包装在一个函数中:

function toDate(dateStr) {
var parts = dateStr.split("-")
return new Date(parts[2], parts[1] - 1, parts[0])
}

使用:

var from = $("#datepicker").val()
var to = $("#datepickertwo").val()
var f = toDate(from)
var t = toDate(to)

或者如果你不介意jQuery在你的函数:

function toDate(selector) {
var from = $(selector).val().split("-")
return new Date(from[2], from[1] - 1, from[0])
}

使用:

var f = toDate("#datepicker")
var t = toDate("#datepickertwo")

现代JavaScript

如果你能使用更现代的JS，数组解构也是一个不错的选择:

const toDate = (dateStr) => {
const [day, month, year] = dateStr.split("-")
return new Date(year, month - 1, day)
}
小开

您可以使用Regexp。

var result = /^(\d{2})-(\d{2})-(\d{4})$/.exec($("#datepicker").val());
if (result) {
from = new Date(
parseInt(result[3], 10),
parseInt(result[2], 10) - 1,
parseInt(result[1], 10)
);
}
小开

看看Datejs中所有与日期相关的琐碎问题。你也可以用parseDate函数来解决这个问题

小开 
var from = $("#datepicker").val();
var f = $.datepicker.parseDate("d-m-Y", from);
小开

正则表达式示例:

new Date( "13-01-2011".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );
小开

另一种可能性:

var from = "10-11-2011";
var numbers = from.match(/\d+/g);
var date = new Date(numbers[2], numbers[0]-1, numbers[1]);

匹配数字并重新排序

小开 
new Date().toLocaleDateString();

就这么简单，只是把你的日期传递给js的日期对象

小开

对我来说

new Date("20151102034013".replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3T$4:$5:$6"))

结果:2015年11月2日星期一04:40:13 GMT+0100 (CET) 然后我使用.getTime()来处理毫秒

小开

使用moment.js的例子:

var from = '11-04-2017' // OR $("#datepicker").val();
var milliseconds = moment(from, "DD-MM-YYYY").format('x');
var f = new Date(milliseconds)
小开

公认的答案有点问题

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

考虑日期选择器是否包含“77-78-7980”，这显然不是一个有效的日期。这将导致:

var f = new Date(7980, 77, 77);
=> Date 7986-08-15T22:00:00.000Z

这可能不是我们想要的结果。

其原因在中数站点中有解释:

当Date作为一个有多个参数的构造函数被调用时，如果值大于它们的逻辑范围(例如13被提供为月份值，70被提供为分钟值)，相邻的值将被调整。例如:new Date(2013, 13, 1)等价于new Date(2014, 1, 1)。

更好的解决方法是:

const stringToDate = function(dateString) {
const [dd, mm, yyyy] = dateString.split("-");
return new Date(`${yyyy}-${mm}-${dd}`);
};


console.log(stringToDate('04-04-2019'));
// Date 2019-04-04T00:00:00.000Z


console.log(stringToDate('77-78-7980'));
// Invalid Date

这使您可以处理无效输入。

例如:

const date = stringToDate("77-78-7980");


if (date === "Invalid Date" || isNaN(date)) {
console.log("It's all gone bad");
} else {
// Do something with your valid date here
}
小开

你可以:

var f = new Date(from.split('-').reverse().join('/'));
小开 

let dateString  = '13-02-2021' //date string in dd-mm-yyyy format


let dateArray = dateString.split("-");
//dateArray[2] equals to 2021
//dateArray[1] equals to 02
//dateArray[0] equals to 13


// using template literals below


let dateObj = new Date(`${dateArray[2]}-${dateArray[1]}-${dateArray[0]}`);


// dateObj equals to Sat Feb 13 2021 05:30:00 GMT+0530 (India Standard Time)


//I'm from India so its showing GMT+0530

附注:始终参考文档获取基础知识，中数或DevDocs


提交答案