4

いくつかの日付ピッカー (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 の日付を表す文字列である必要があります。

4

1 に答える 1