angularJS如何动态绑定输入类型日期最大/最小值

Question

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

Answer 1

查看此fiddle。只需将$scope vars直接绑定到标记属性即可。我使用moment.js进行日期处理。

视图

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

AngularJS App

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");
});