javascript - 使用 angularjs 根据时间禁用按钮

Question

嗨，我必须根据日期禁用按钮按钮，我的要求是我将拥有具有值 checkinStartDate 和 checkinEndDate 的 json

{
    "checkinStartDate": "10/22/2016 09:10:04 AM",
    "checkinEndDate": "10/22/2016 19:10:04 PM"
}

例如今天的日期是 10/22/2016，则条件如下所述。 我必须在 checkin 开始日期1小时(10/22/2016 08:10:04 AM)和1小时(10/22/2016 20:10:04 PM)<之前启用按钮/strong> checkinEndDate 之后。除此之外的时间按钮应处于禁用模式 任何帮助将不胜感激。

Answer 1

假设你的对象被分配给$scope.date 那么接下来你需要做的是。

$scope.checkDate = function () {
  var ONE_HOUR = 60 * 60 * 1000; /* ms */
  var myDate = {
    "checkinStartDate": "10/22/2016 09:10:04 AM",
    "checkinEndDate": "10/22/2016 19:10:04 PM"
  }

  var checkInStart = new Date(myDate.checkinStartDate);
  var checkInEnd = new Date(myDate.checkinEndDate);

  var current = new Date();

  //only enable during this time
  if ((current.getTime() < checkInStart.getTime() + ONE_HOUR) && (current.getTime() + ONE_HOUR > checkInEnd.getTime()))
    return false;


  //otherwhile disable  
  return true;
}

在 View 中调用即可

<button ng-disabled="checkDate()">View<button>