Как проверить дату по умолчанию при сохранении в angualrJs с помощью Bootstrap Datetimepicker
У меня есть ввод даты, для которого я использую http://eonasdan.github.io/bootstrap-datetimepicker/ Я проверяю этот ввод в angualrJs.
<form name="myForm" data-ng-submit="save(.$valid)" novalidate="novalidate">
<label>Date and Time:</label>
<div class='input-group date id='Time' >
<input type='text' name="time" ng-model="a.time" class="form-control" data-ng-class="{ 'has-error': myForm.usrCreatnTime.$invalid }" required="required" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<div data-ng-messages="myForm.time.$error" data-ng-show="myForm.$submitted">
<div class="error-message" data-ng-message="required">Please enter Time</div>
</div>
</div>
<button type="submit"><i class="fa fa-save" aria-hidden="true"></i>Save </button>
</form>
Код моей директивы:-
scope.datePicker = function () {
$('#Time').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',
showClose: true,
allowInputToggle: true,
defaultDate: Date.now(),
widgetPositioning: {
horizontal: 'right',
vertical: 'bottom'
}
});
};
scope.datePicker();
В чем проблема, я показываю текущую дату по умолчанию в DatePicker. Но при проверке формы все равно отображается ошибка проверки Please enter Time
, Модель ng не обновляется при установке даты по умолчанию. Я использовал ng-bind и ng-value, но он все еще показывает ошибку. Может кто-нибудь сказать мне, как решить эту проблему.