Javascript中日期时间字符串的条件渲染

Question

我在 Javascript 中定义了一个日期数组，如下所示：dates: [            {id: 1, date: new Date(2020, 1, 4,  9, 0)},            {id: 2, date: new Date(2020, 30, 4,  9, 0)},            {id: 3, date: new Date(2020, 1, 5,  9, 0)},            {id: 4, date: new Date(2020, 2, 3,  9, 0)},            {id: 5, date: new Date(2020, 5, 5,  9, 0)},       ]我想在 12 点之前和 12 点之后对所有内容进行条件渲染if (is after 12pm) {   return function;} else {   return function;}有什么方法可以检查日期字符串的时间吗？还是有更好的方法来定义日期然后检查日期时间？

Answer 1

我编写了一个脚本，它遍历整个数组并输出到控制台，无论每个日期是否在 12 点之前。

请注意，我已将数组中的一些值更改为具有日期范围，一些在 12 之前，一些在 12 之后，还有一个正好在 12 点。

dates = [

  {id: 1, date: new Date(2020, 1, 4,  13, 0)},

  {id: 2, date: new Date(2020, 30, 4,  9, 0)},

  {id: 3, date: new Date(2020, 1, 5,  12, 0)},

  {id: 4, date: new Date(2020, 2, 3,  22, 0)},

  {id: 5, date: new Date(2020, 5, 5,  9, 0)},

]

for (var i = 0; i < dates.length; i++) {

  

  if (dates[i].date.getHours() < 12) {

    console.log('Before 12.');

  } else {

    console.log('Not before 12.');

  }

}

Answer 2

您已经创建了一个具有两个键 id（一个数字）和 date（一个字符串）的对象，要创建一个日期，您可以使用 Java 脚本的 Date 类：您可以使用 Date.prototype.getHours() 函数它返回小时（0 –23) 在指定日期根据本地时间再检查值：

Date.prototype.getHours()

详情请访问： https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getHours

Answer 3

使用 momentjs 库。

var moment = require('moment');

var dates = [

        {id: 1, date: new Date(2020, 1, 4,  9, 0)},

        {id: 2, date: new Date(2020, 30, 4,  9, 0)},

        {id: 3, date: new Date(2020, 1, 5,  9, 0)},

        {id: 4, date: new Date(2020, 2, 3,  9, 0)},

        {id: 5, date: new Date(2020, 5, 5,  9, 0)},

   ]

for(let i = 0; i < dates.length; i++){

  console.log(moment(this.dates[i].date).locale('en').format('hh'));

}