如何在使用日期选择器选项时在 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""/>

但它不起作用。帮帮我。

看看这是否可以帮助你

<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link data-require="bootstrap-css@3.x" 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="angular.js@1.2.x" src="https://code.angularjs.org/1.2.16/angular.js" data-semver="1.2.16"></script>
<script data-require="ui-bootstrap@0.10.0" 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();
}
});

这个新的日期将把你的日期放在正确的格式,所以我把这个代码的例子放在这里 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

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

Yon 修改日期选择器选项。 您已经使用此指令,只是您必须在此中添加minDate:today

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

谢谢

最新更新