Question

假设我今天提交表单，即1月9日，那么我希望下一个月禁用表单文本字段。这样，用户每月只能更新一次。

<script defer src="plugins/OwlCarousel2.3/owl.carousel.min.js"></script>

Answer 1

我认为您使用的AngularJS是我看到的ng-model。我使用伪代码，将当前月份放入变量中，然后在服务中比较用户选择的内容。比较将布尔结果附加到ng-disabled中。

 
    
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.isChange = function() {
      var now = new Date();
      monthNow = now.getMonth();
      if ((!$scope.year) || ($scope.year.month != monthNow)) {
        $scope.check = false;
      } else {
        $scope.check = true;
      }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
<input type="number" min="1" name="month" ng-model="year.month"
           class="form-control" required ng-disabled="check" ng-change="isChange()" ng-init="isChange()"/>
</div>

禁用x天的输入字段

1 个答案: