md-datepicker不能使用maxlength和minlength

我想讓maxlength和minlength消息正常工作。但是，我只收到「必需」信息。然後它會一直呆在那裏直到我刷新頁面。另外，有沒有辦法在md-datepicker上放置一個強制用戶輸入像99/99/9999（mm/dd/yyyy）的掩碼。至今我還沒有發現任何東西。md-datepicker不能使用maxlength和minlength

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

來源

2016-11-22 J. Fowler

我會建議，而不是檢查日期的最大長度和最小長度，檢查日期是否有效。驗證下面的示例（在谷歌上找到）驗證輸入日期，並允許您掩蓋您輸入的日期。 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>

來源

2016-11-22 22:18:27 user3249448

我看着這個非常的演示之前，不能讓它在我的情況下工作。我有一個md-input-container中的datepicker，在他的js中，如果它在一個容器中，它會拋出一個錯誤。他的js文件的第109行。 –

@ J.Fowler原因是因爲他的模板在其中指定了一個輸入容器。你真的不應該嵌套這些，所以如果你將它包裝在一個輸入容器中，你可能要考慮編輯模板。 – bfieck

md-datepicker不能使用maxlength和minlength

回答

相關問題