Как узнать, была ли введена неверная дата с использованием указателя даты с угловым ремешком

Question

Я использую очень простую реализацию директивы datepicker с угловым ремешком. На домашней странице для Angular-Strap, если введено что-то недействительное, вводные текстовые элементы указывают на это путем выделения красным цветом. Я не получаю, что в моей реализации:

<input type="text" size="10" class="form-control" ng-model="vm.InitiationDate" date-format="yyyy-MM-dd" autoclose="true" name="date" bs-datepicker /> 

Что вызывает входной элемент на странице углового образца ремня идти красными, но никакая проверки не кажется, происходит на моей странице?

Answer 1

Выбор даты должен быть частью <form>, а затем директива ng-class может выбрать класс ошибки.

<form name="datepickerForm" class="form-inline" role="form"> 
    <!-- Basic example --> 
    <div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}"> 
    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label> 
    <input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker> 
    </div> 

Для получения дополнительной информации:

• AngularJS Developer Guide -- Forms
• AngularJS form.FormController API Reference