2

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

我试过使用

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

但它不起作用。帮帮我。

4

2 回答 2

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

这个新的 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

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

于 2017-07-19T09:09:20.247 回答
1

Yon 修改你的 datepicker-options。你已经使用了这个指令，你只需要在其中添加minDate:today。

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

谢谢

于 2017-07-19T10:42:36.037 回答