在JavaScript中将字符串解析为日期

如何将字符串转换为JavaScript日期对象?

var st = "date in some format"
var dt = new Date();

var dt_st = // st in Date format, same as dt.

当前回答

字符串解析的最佳字符串格式是ISO日期格式和JavaScript date对象构造函数。

ISO格式的例子:YYYY-MM-DD或YYYY-MM-DDTHH:MM:SS。

但是等等!仅仅使用“ISO格式”本身并不能可靠地工作。字符串有时解析为UTC，有时解析为localtime(基于浏览器供应商和版本)。最佳实践应该始终是将日期存储为UTC，并以UTC进行计算。

要将日期解析为UTC，请添加Z -例如:new date ('2011-04-11T10:20:30Z')。

使用.toUTCString()显示UTC日期，使用. tostring()以用户的本地时间显示日期。

关于MDN |日期和这个答案的更多信息。

对于旧的Internet Explorer兼容性(小于9的IE版本在日期构造函数中不支持ISO格式)，您应该将日期时间字符串表示拆分为部分，然后您可以使用使用日期时间部分的构造函数，例如:new Date('2011'， '04' - 1， '11'， '11'， '51'， '00')。注意，月份的数字必须小于1。

替代方法-使用适当的库:

您还可以利用Moment.js库，该库允许使用指定的时区解析日期。

2011-04-11 09:53:38

其他回答

我写了一个可重用的函数，当我从服务器获取日期字符串时使用。您可以传递所需的分隔符(/ -等)，用于分隔日、月和年，以便使用split()方法。您可以在这个工作示例中看到并测试它。

<!DOCTYPE html>
<html>
  <head>
    <style>
    </style>
  </head>
  <body>
    <div>
      <span>day:
      </span> 
      <span id='day'>
      </span>
    </div>
    <div>
      <span>month:
      </span> 
      <span id='month'>
      </span>
    </div>
    <div>
      <span>year:
      </span> 
      <span id='year'>
      </span>
    </div>
    <br/>
    <input type="button" id="" value="convert" onClick="convert('/','28/10/1980')"/>
    <span>28/10/1980
    </span>
    <script>
      function convert(delimiter,dateString)
      {
        var splitted = dateString.split('/');
        // create a new date from the splitted string 
        var myDate = new Date(splitted[2],splitted[1],splitted[0]);
        // now you can access the Date and use its methods 
        document.getElementById('day').innerHTML = myDate.getDate();
        document.getElementById('month').innerHTML = myDate.getMonth();
        document.getElementById('year').innerHTML = myDate.getFullYear();
      }
    </script>
  </body>
</html>

2019-01-25 18:17:35

                //little bit of code for Converting dates 

                var dat1 = document.getElementById('inputDate').value;
                var date1 = new Date(dat1)//converts string to date object
                alert(date1);
                var dat2 = document.getElementById('inputFinishDate').value;
                var date2 = new Date(dat2)
                alert(date2);

2015-05-12 14:34:20

只是新日期(st);

假设这是正确的格式。

2011-04-11 09:23:08

性能

今天(2020.05.08)，我对所选解决方案进行了测试-有两种情况:输入日期是ISO8601字符串(Ad,Bd,Cd,Dd,Ed)，输入日期是时间戳(At, Ct, Dt)。解决方案Bd,Cd,Ct不返回js Date对象作为结果，但我添加它们，因为它们可能是有用的，但我没有将它们与有效的解决方案进行比较。该结果对于大量数据解析非常有用。

结论

解决方案new Date (Ad)比moment.js (Dd)快50-100倍，适用于所有浏览器的ISO日期和时间戳解决方案new Date (Ad)比parseDate (Ed)快10倍解决方案date .parse(Bd)是最快的，如果我们需要在所有浏览器上从ISO日期获得时间戳

细节

我在MacOs High Sierra 10.13.6、Chrome 81.0、Safari 13.1、Firefox 75.0上进行测试。解决方案parseDate (Ed)使用新的Date(0)和手动设置UTC日期组件。

铬检测结果

2020-05-08 12:44:15

这个答案是基于卡塞姆的答案，但它也适用于两位数的年份。我对卡塞姆的答案进行了编辑，但以防它没有被批准，我还将这个作为单独的答案提交。

function stringToDate(_date,_format,_delimiter) {
        var formatLowerCase=_format.toLowerCase();
        var formatItems=formatLowerCase.split(_delimiter);
        var dateItems=_date.split(_delimiter);
        var monthIndex=formatItems.indexOf("mm");
        var dayIndex=formatItems.indexOf("dd");
        var yearIndex=formatItems.indexOf("yyyy");
        var year = parseInt(dateItems[yearIndex]); 
        // adjust for 2 digit year
        if (year < 100) { year += 2000; }
        var month=parseInt(dateItems[monthIndex]);
        month-=1;
        var formatedDate = new Date(year,month,dateItems[dayIndex]);
        return formatedDate;
}

stringToDate("17/9/14","dd/MM/yyyy","/");
stringToDate("17/9/2014","dd/MM/yyyy","/");
stringToDate("9/17/2014","mm/dd/yyyy","/")
stringToDate("9-17-2014","mm-dd-yyyy","-")

2019-09-17 12:58:36

在JavaScript中将字符串解析为日期

推荐文章

最新文章

标签