如何使用datepicker选项在angularjs中设置最短日期

我想设置最小开始日期。如何使用datepicker选项在angularjs中设置最短日期

我一直在使用

<input id="StartDate" type="text" class="form-control" name="StartDate" datetime-picker="{{'yyyy-MM-dd HH:mm'}}" ng-model="vm.StartDate" is-open="vm.datePickerOpenStatus.StartDate" datepicker-options="dateOptions" min-date="2017-07-13 00:00""/>

尝试，但它无法正常工作。帮帮我。

来源

2017-07-19 Abhaya Nand

的可能的复制[角UI日期选择分钟日期不工作（https://stackoverflow.com/questions/25445786/angular-ui-date-picker-min-date -is-not-working） –

我以前尝试过，但没有奏效。感谢您的关注。 –

看看这可以帮助你

<!DOCTYPE html> 
    <html ng-app="plunker"> 

<head> 
<meta charset="utf-8" /> 
<title>AngularJS Plunker</title> 
<link data-require="[email protected]" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
<script>document.write('<base href="' + document.location + '" />');</script> 
<link rel="stylesheet" href="style.css" /> 
<script data-require="[email protected]" src="https://code.angularjs.org/1.2.16/angular.js" data-semver="1.2.16"></script> 
<script data-require="[email protected]" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script> 
<script src="app.js"></script> 
</head> 

<body ng-controller="MainCtrl"> 
Min Date {{minDate}} 
<input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng- 
    model="dt" min="minDate" /> 
</body> 

</html> 
//JS 
var app = angular.module('plunker', ['ui.bootstrap']); 

app.controller('MainCtrl', function($scope) { 
    $scope.minDate = new Date(); 
    $scope.test = function() { 
    $scope.minDate = new Date(); 
} 
});

这个新的日期将会把yourDate以正确的格式，所以我会把这个代码在这里Plunker，和一个suggetion的例子，

var mydate = new Date('2014-04-03'); 
<input id="StartDate" type="text" class="form-control" name="StartDate" 
datetime-picker="{{'yyyy-MM-dd HH:mm'}}" ng-model="vm.StartDate" is- 
open="vm.datePickerOpenStatus.StartDate" datepicker-options="dateOptions" 
min-date="mydate"/> //Example

这将您的日期转换为正确的格式:)

来源

2017-07-19 09:09:20

Yon修改你datepicker-options。您已经使用此指令，您只需添加分钟日期：今天即可。

datepicker-options="{showWeeks:false,minDate:today}"

由于

来源

2017-07-19 10:42:36

如何使用datepicker选项在angularjs中设置最短日期

回答

相关问题