как установить минимальную дату в angularjs при использовании параметров datepicker

Я пытаюсь установить минимальную дату начала.

я пытался использовать

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

Но это не работает. Помоги мне.


javascript angularjs angularjs-bootstrap
person Abhaya Nand    schedule 19.07.2017    source источник
comment
Возможный дубликат минимальная дата выбора даты Angular UI Дата не работает< /а>   -  person Ramesh Rajendran    schedule 19.07.2017
comment
Я пробовал это раньше, но это не сработало. Спасибо за внимание.   -  person Abhaya Nand    schedule 19.07.2017

Ответы (2)


arrow_upward
1
arrow_downward

Посмотрите, может ли это помочь вам

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

Эта новая дата поместит вашу дату в правильный формат, поэтому я приведу пример этого кода здесь 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

Это преобразует вашу дату в правильный формат :)

person Pedro Monteiro Arantes    schedule 19.07.2017

arrow_upward
1
arrow_downward

Вы можете изменить параметры выбора даты. вы уже использовали эту директиву, только вам нужно добавить в нее minDate:today.

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

Спасибо

person Sujeet Kumar    schedule 19.07.2017