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

Question

How to dynamically bind input field of date type with maximum date value in AngularJS? There are no ng-max , ng-min directives provided by AngularJS.

Answer 1

Check out this fiddle . Just bind your $scope vars directly into the tag attributes. I used moment.js for date handling.

View

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