亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript中日期時間字符串的條件渲染

Javascript中日期時間字符串的條件渲染

侃侃爾雅 2022-07-21 09:51:42
我在 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;}有什么方法可以檢查日期字符串的時間嗎?還是有更好的方法來定義日期然后檢查日期時間?
查看完整描述

3 回答

?
MM們

TA貢獻1886條經驗 獲得超2個贊

我編寫了一個腳本,它遍歷整個數組并輸出到控制臺,無論每個日期是否在 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.');

  }


}


查看完整回答
反對 回復 2022-07-21
?
慕標5832272

TA貢獻1966條經驗 獲得超4個贊

您已經創建了一個具有兩個鍵 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


查看完整回答
反對 回復 2022-07-21
?
qq_笑_17

TA貢獻1818條經驗 獲得超7個贊

使用 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'));

}


查看完整回答
反對 回復 2022-07-21
  • 3 回答
  • 0 關注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號