md-datepicker не работает с maxlength и minlength

Question

Я пытаюсь получить сообщения maxlength и minlength для правильной работы. Однако я получаю сообщение «обязательно». Затем он остается там, пока я не обновляю страницу. Кроме того, есть способ поместить маску на md-datepicker, который заставляет пользователя вводить как 99/99/9999 (мм/дд/гггг). На данный момент я еще ничего не нашел.

 <md-input-container class="md-block"> 
      <label>{{dynElm.dob.text}}</label> 
      <md-datepicker ng-change="dateChange()" type="text" name="dob" ng-model="signup.date" md-open-on-focus md-current-view="year" maxlength="9" minlength="6" ng-click="md-is-open" required></md-datepicker> 
      <div class="hint" align="center">(MM/DD/YYYY)</div> 
      <div ng-messages="signup.dob.$error" style="color:red;" role="alert"> 
       <div ng-message="required">Date of Birth field is required</div> 
       <div ng-message="maxlength">Use MM/DD/YYYY format for entry</div> 
       <div ng-message="minlength">Use MM/DD/YYYY format for entry</div> 
      </div> 
     </md-input-container> 

Answer 1

Я бы предположил, что вместо проверки maxlength и minlength для даты проверьте, действительна ли дата или нет. Проверьте ниже пример (найденный в google), который подтверждает введенную дату, а также позволяет замаскировать введенную вами дату. DEMO

<md-datepicker-custom name="dateField" 
       ng-model="appCtrl.myDate" 
       md-placeholder="Enter date" 
       md-min-date="appCtrl.minDate" 
       md-max-date="appCtrl.maxDate" 
       md-custom-required="true" 
       md-custom-default-date="{{::appCtrl.defaultDate}}" 
       md-custom-mask="19/39/9999" 
       md-custom-clean-mask="false" 
       md-custom-restrict="reject"> 
    </md-datepicker-custom>