ブートストラップの日付を確認する方法

ブートストラップの日付の検証は、次の手順に従います。必要なスクリプトとスタイルを紹介します。日付セレクターコンポーネントを初期化します。 Data-BV-Date属性を設定して、検証を有効にします。検証ルール（日付形式、エラーメッセージなどなど）を構成します。ブートストラップ検証フレームワークを統合し、フォームが送信されたときに日付入力を自動的に検証します。

ブートストラップ日付の確認

ブートストラップで日付を確認する方法は？

Bootstrapは、形式で日付を確認するためのシンプルなJavaScriptプラグインを提供します。

1.必要なスクリプトとスタイルを紹介します

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

2。日付セレクターを初期化します

次のように、 datepicker()メソッドを使用してDatePickerコンポーネントを初期化します。

 <code class="javascript">$(&#39;#datepicker&#39;).datepicker();</code>

3.検証ルールを設定します

日付が合法であることを確認するには、 data-bv-dateプロパティを設定します。

 <code class="html"><input id="datepicker" data-bv-date="true" /></code>

検証ルールオプション：

• format ：日付形式を指定します（たとえば、 "yyyy-mm-dd"）
• message ：カスタムエラーメッセージ
• dateLimit ：日付制限を設定します（例：{"max"： "10d"、 "min"： "-5d"}）））
• useCurrent ：現在の日付を初期値として使用するかどうかを指定します

4.ブートストラップ検証フレームワークを統合します

ブートストラップ検証を有効にするには、次のスクリプトを含めます。

 <code class="javascript"><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script></code>

次に、検証フォームを初期化します。

 <code class="javascript">$(&#39;#form&#39;).bootstrapValidator();</code>

5。アプリケーション検証

ブートストラップ検証フレームワークは、フォームが送信されたときに日付入力を自動的に検証します。日付が無効な場合、エラーメッセージが表示されます。

以上がブートストラップの日付を確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。