[英]AngularUI Bootstrap Datepicker Setting a minimum date
我正在運行最新的AngularUI引導程序,並且有一個Datepicker,當單擊按鈕將其打開時,該日期選擇器將啟用。
我已經嘗試並搜索了如何禁用單擊日期的答案,我希望最小日期為2013年1月1日-意味着2012年12月31日或更早的日期將無法選擇。
下面是我的代碼
安格拉斯
$scope.today = function() {
$scope.dt = new Date();
};
$scope.today();
$scope.clear = function () {
$scope.dt = null;
};
// Disable weekend selection
$scope.disabled = function(date, mode) {
//return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
};
$scope.toggleMin = function() {
$scope.minDate = $scope.minDate ? null : new Date();
};
//$scope.toggleMin();
$scope.open = function() {
$timeout(function() {
$scope.opened = true;
$scope.minEndDate = '2013-01-01';
});
};
$scope.dateOptions = {
formatYear: 'yy',
startingDay: 1
};
$scope.initDate = new Date('2016-15-20');
$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
$scope.format = $scope.formats[0];
的HTML
<input type="text" class="form-control input--text" datepicker-popup="{{format}}" ng-model="newperson.dob" is-open="$parent.opened" min="minEndDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
<button type="button" class="datepicker-btn" ng-click="open()"><i class="fa fa-calendar"></i></button>
該屬性是min-date
您在那里才有min
:
<input type="text" class="form-control input--text" datepicker-popup="{{format}}" ng-model="newperson.dob" is-open="$parent.opened" min-date="minEndDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
<button type="button" class="datepicker-btn" ng-click="open()"><i class="fa fa-calendar"></i></button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.