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 = [&nbsp; {id: 1, date: new Date(2020, 1, 4,&nbsp; 13, 0)},&nbsp; {id: 2, date: new Date(2020, 30, 4,&nbsp; 9, 0)},&nbsp; {id: 3, date: new Date(2020, 1, 5,&nbsp; 12, 0)},&nbsp; {id: 4, date: new Date(2020, 2, 3,&nbsp; 22, 0)},&nbsp; {id: 5, date: new Date(2020, 5, 5,&nbsp; 9, 0)},]for (var i = 0; i < dates.length; i++) {&nbsp;&nbsp;&nbsp; if (dates[i].date.getHours() < 12) {&nbsp; &nbsp; console.log('Before 12.');&nbsp; } else {&nbsp; &nbsp; console.log('Not before 12.');&nbsp; }}

Answer 2

您已经创建了一个具有两个键 id（一个数字）和 date（一个字符串）的对象，要创建一个日期，您可以使用 Java 脚本的 Date 类：您可以使用 Date.prototype.getHours() 函数它返回小时（0 –23) 在指定日期根据本地时间再检查值：Date.prototype.getHours()详情请访问：&nbsp;https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getHours

Answer 3

使用 momentjs 库。var moment = require('moment');var dates = [&nbsp; &nbsp; &nbsp; &nbsp; {id: 1, date: new Date(2020, 1, 4,&nbsp; 9, 0)},&nbsp; &nbsp; &nbsp; &nbsp; {id: 2, date: new Date(2020, 30, 4,&nbsp; 9, 0)},&nbsp; &nbsp; &nbsp; &nbsp; {id: 3, date: new Date(2020, 1, 5,&nbsp; 9, 0)},&nbsp; &nbsp; &nbsp; &nbsp; {id: 4, date: new Date(2020, 2, 3,&nbsp; 9, 0)},&nbsp; &nbsp; &nbsp; &nbsp; {id: 5, date: new Date(2020, 5, 5,&nbsp; 9, 0)},&nbsp; &nbsp;]for(let i = 0; i < dates.length; i++){&nbsp; console.log(moment(this.dates[i].date).locale('en').format('hh'));}