gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 06:05:17 25 4
gpt4 key购买 nike

嗨,我必须根据日期禁用按钮按钮,我的要求是我将拥有具有值 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 之后。除此之外的时间按钮应处于禁用模式 任何帮助将不胜感激。

最佳答案

假设你的对象被分配给$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>

关于javascript - 使用 angularjs 根据时间禁用按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39577008/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com