Question

我正在尝试设置最小开始日期。

我尝试过使用

<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""/>

但它不起作用。帮助我。

Answer 1

看看这是否可以帮助你

<!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();
 }
});

这个新日期会将yourDate设置为正确格式，因此我将此代码的示例放在Plunker，以及一个建议，

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

这会将您的日期转换为正确的格式：）

Answer 2

您可以修改 datepicker-options 。您已经使用过此指令，只需在此添加 minDate：today 。

MouseMove

由于

使用datepicker-options时如何在angularjs中设置最小日期

2 个答案: