如何使用moment.js檢查時間是否在給定范圍之間？

我正在使用 moment.js 庫來獲取時間。

我想檢查我從后端獲取的時間是否在上午 8 點到中午（中午 12 點）之間。我想存盤時間在上午 8 點到下午 12 點之間的所有物件。

我正在以這種格式獲取日期 - "2022-04-04T21:43:59Z"。我想使用時區"America/Detroit"。

這是我嘗試過的，但這沒有用；

  //this code is inside forEach loop
  moment.tz.setDefault($scope.userData.account.timeZone);
  var format = 'hh:mm:ss'
  var time = moment(response.date,format),
  beforeTime = moment('08:00:00', format),
  afterTime = moment('11:59:59', format);
  if (time.isBetween(beforeTime, afterTime)) {
     console.log('is between')
  } else {
     console.log('is not between')
  }

在輸出中，我得到is not between了所有資料，但實際上有一些資料的日期和時間低于上午 8 點至下午 12 點。因為時區有什么問題嗎？

uj5u.com熱心網友回復：

您的比較不起作用的原因是它不僅使用時間，還使用日期。

您應該首先從輸入日期時間推斷時間并使用該資料進行比較，如下所示：

let datetime = moment('2022-04-04T10:00:00Z', 'YYYY-MM-DDTHH:mm:ssZ');

moment({
  hour:datetime.hour(),
  minute:datetime.minute(),
  second:datetime.second()
}).isBetween(beforeTime, afterTime);
//returns bool true or false

那是因為所有這 3 個日期時間都將位于同一個太陽日，并且只有時間與比較相關。

另外，在決議輸入日期時間和前后使用的時間時，您錯誤地處理了格式。

這是一個顯示概念的作業解決方案：

//those are the formats your input uses for datetimes and times
const datetime_format = 'YYYY-MM-DDTHH:mm:ssZ';
const time_format = 'HH:mm:ss';

//this is your input crafted as objects having the prop date
var response_timeYESInBetween = {date : "2022-04-04T10:00:00Z"};
var response_timeNOTInBetween = {date : "2022-04-04T21:43:59Z"};

//moment.tz.setDefault($scope.userData.account.timeZone);

//this is where you parse those timestamp strings as moment datetime
var datetime_YESInBetween = moment(response_timeYESInBetween.date, datetime_format);
var datetime_NOTInBetween = moment(response_timeNOTInBetween.date, datetime_format);

//this is where those moment datetime get used to create new datetimes holding those same time but laying on today instead of their original dates
var timeonly_YESinBetween = moment({hour:datetime_YESInBetween.hour(), minute:datetime_YESInBetween.minute(), second:datetime_YESInBetween.second()});
var timeonly_NOTinBetween = moment({hour:datetime_NOTInBetween.hour(), minute:datetime_NOTInBetween.minute(), second:datetime_NOTInBetween.second()});

//this is where we create datetimes (ignoring to pass the date, sets them at today)
var beforeTime = moment('08:00:00', time_format);
var afterTime  = moment('11:59:59', time_format);

//we make the comparison to know which times are between beforeTime and afterTime
//note: now all those datetimes are all in the same day and only time will affect the comparison result
var firstComparison = timeonly_YESinBetween.isBetween(beforeTime, afterTime);
var secondComparison = timeonly_NOTinBetween.isBetween(beforeTime, afterTime)

console.log( firstComparison );
//outputs: true
console.log( secondComparison );
//outputs: false

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.2/moment.min.js"></script>

如果我們想更好地分解零件：

console.log( isBetween('2022-04-04T10:00:00Z', '08:00:00', '11:59:59') );
//true
console.log( isBetween('2022-04-04T21:43:59Z', '08:00:00', '11:59:59') );
//false

function isBetween(datetime, before, after){

    const datetime_format = 'YYYY-MM-DDTHH:mm:ssZ';
    const time_format = 'HH:mm:ss';

    let originalDatetime = moment(datetime, datetime_format);
    let transformed = moment({hour:originalDatetime.hour(), minute:originalDatetime.minute(), second:originalDatetime.second()});

    var beforeTime = moment(before, time_format);
    var afterTime  = moment(after, time_format);

    return transformed.isBetween(beforeTime, afterTime);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.2/moment.min.js"></script>

標籤：javascript angularjs 时刻

上一篇：AngularJS，使用ng-show打破select2的布局

下一篇：為什么這個forEach代碼片段在AngularJS中無效？