md-datepicker 不适用于 maxlength 和 minlength

Question

我正在尝试使 maxlength 和 minlength 消息正常工作。但是，我只收到 "required" 消息。然后它会一直留在那里，直到我也刷新页面。另外，有没有办法在 md-datepicker 上放置一个掩码，强制用户输入 99/99/9999 (mm/dd/yyyy)。到目前为止，我还没有发现任何东西。

       <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

我建议不要检查日期的最大长度和最小长度，而是检查日期是否有效。验证以下示例（在 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>

md-datepicker 不适用于 maxlength 和 minlength

md-datepicker not working with maxlength and minlength

datepicker

angularjs

ng-messages