javascript - angularJS如何动态绑定(bind)输入类型日期最大/最小值

Question

如何在AngularJS中动态绑定(bind)日期类型的输入字段和最大日期值？ AngularJS 没有提供 ng-max、ng-min 指令。

Answer 1

看看这个 fiddle .只需将您的 $scope 变量直接绑定(bind)到标签属性中。我用了moment.js用于日期处理。

查看

<div ng-controller="MyCtrl">
  <input type="date" min="{{ min }}" max="{{ max }}" />
</div>

AngularJS 应用

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {

    //init dates
    var minDate = new moment();
    var maxDate = new moment().add(18, 'years'); 

    $scope.min = minDate.format("YYYY-MM-DD");
    $scope.max = maxDate.format("YYYY-MM-DD");
});