いくつかの日付ピッカー (Angular UI Bootstrap) を含む多くのフィールドを持つフォームがあります。
<div name="mainForm" ng-form>
<div class="form-group">
<p class="input-group">
<input type="text" name="dt"
class="form-control"
ng-model="dt"
is-open="opened"
datepicker-popup="MM/dd/yyyy" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
<p class="text-danger" ng-show="mainForm.$invalid">Invalid!</p>
</div>
フォームでAngular検証を使用しています。必須フィールドがいくつかありますが、日付はありません。日付を入力して削除すると、フォームが無効とマークされます。これを実証するためにPlunkrを作成しました。
これを回避する方法はありますか?
注: また、日付をクリアすると、このエラーがコンソールに記録されます。
Datepicker ディレクティブ: "ng-model" 値は Date オブジェクト、1970 年 1 月 1 日からのミリ秒数、または RFC2822 または ISO 8601 の日付を表す文字列である必要があります。