一尘不染

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

javascript

我正在尝试使用以下方式将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);

这是因为符号“-”吗?我该如何克服?


阅读 294

收藏
2020-04-25

共1个答案

一尘不染

分割为“-”

将字符串解析为所需的部分:

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

为什么不使用正则表达式?

因为您知道将要使用由连字符分隔的三部分组成的字符串。

但是,如果您要在另一个字符串中寻找相同的字符串,则可以使用正则表达式。

重用

因为您在示例代码中(甚至在代码库的其他地方)多次执行此操作,所以将其包装在一个函数中:

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)
}
2020-04-25