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

Question

My button should be disabled once I clicked in a day (ie) only once in a day a user enter the details using submit button. Next day automatically button should be enabled.

Help me with JavaScript or AngularJS..

Answer 1

If you have backend you could maintain state in DB as Sajal said, but since you are asking about angularjs/javascript and frontend solution cookies (what Chris said) or localStorage is way to go, set the cookie and based on cookie you can set button each day to reset

more info on w3schools:

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

Keep in mind cookies can be modified so DB is best way if you want fullproof solution.

Answer 2

You can save the status of the click in the localstorage, but this solution is unsafe. You should add a server side control.

Answer 3

You can use timeout functionality. You can give specific time for timeout then after that timeout you can enable the button.

EX:

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

Answer 4

You can use 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
}