如果在一天内点击一次并使用JavaScript和AngularJS 1在第二天启用按钮，如何禁用按钮？

Question

一旦我在一天中点击（即）一天一次用户使用提交按钮输入详细信息，我的按钮应该被禁用。 第二天应启用自动按钮。

帮助我使用JavaScript或AngularJS ..

Answer 1

如果你有后端，你可以在数据库中保持状态，因为Sajal说，但既然你在询问angularjs / javascript和前端解决方案cookie（Chris说的话）或localStorage是什么方法，设置cookie并根据cookie你可以设置按钮每天重置

关于w3schools的更多信息：

https://www.w3schools.com/js/js_cookies.asp https://www.w3schools.com/html/html5_webstorage.asp

请记住，可以修改cookie，因此如果您需要全面的解决方案，DB是最好的方法。

Answer 2

您可以在本地存储中保存点击的状态，但此解决方案不安全。 您应该添加服务器端控件。

Answer 3

您可以使用超时功能。 您可以给出超时的特定时间，然后在超时后启用该按钮。

EX：

var theInterval = $interval(function(){
      //Enable button
   }.bind(this), time);  

Answer 4

您可以使用localStorage ：

<button ng-disabled="!buttonIsActive()" ng-click="onClick()"></button>

$scope.buttonIsActive = function() {
    var now = new Date();
    var day = now.getDate();
    var lastClickDay = parseInt(localStorage.getItem("last-click-day"));        
    return day > lastClickDay;
}

$scope.onClick = function() {
    var now = new Date();
    var day = now.getDate();
    localStorage.setItem("last-click-day", day);
    // ... Do something else here
}