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

2020/10/20 00:41 · javascript ·  · 0评论

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

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

分割为“-”

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

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

正则表达式示例:

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

匹配数字并重新排序

使用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(); 
var f = $.datepicker.parseDate("d-m-Y", from);

您还可以在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)

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

就我而言

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日星期一格林尼治标准时间+0100(CET),然后我使用.getTime()处理毫秒

接受的答案有点错误

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

这可能不是期望的结果。

其原因在MDN网站上说明

如果将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
}

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

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

getDateFromFormat(val,format);

另请参见:在JavaScript中解析DateTime字符串

看看 Datejs所有这些琐碎日期相关的问题。你可以通过parseDate功能解决了这个过

您可以:

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

您可以使用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)
    );
}
new Date().toLocaleDateString();

如此简单,只需将您的日期传递给js Date对象

本文地址:http://javascript.askforanswer.com/jiangdd-mm-yyyyzifuchuanzhuanhuanweiriqi.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!