0

bootstrap-datepicker.jsを使用して、とても素敵なプラグイン。すべてが期待どおりに動作し、この1つのケースを除いて、ドキュメント内に何かが見つからない可能性があります。ユーザーが日付を入力し、テキストボックスがフォーカスを失うと(ユーザーはフォームの残りの部分を完了するために続行します)、ユーザーがテキストボックスに戻って日付を削除しようとすると、今日の日付が自動的に入力されます。今日の日付を削除すると、繰り返し自動的に再び作成されます。この状況を是正するために私が逃した選択肢はありますか?フィールドが必要な場合は、大したことではありませんが、ユーザーは日付なしでフォームを送信するオプションがあります。以下のコード:bootstrap-datepicker.js日付がクリアされた今日の日付を使用

 $('#start_date').datepicker({ 
      orientation: "bottom auto", 
      autoclose: true, 
      todayHighlight: true, 
      useCurrent: false 
     }).mask("99/99/9999"); 

     $('#end_date').datepicker({ 
      orientation: "bottom auto", 
      autoclose: true, 
      todayHighlight: true, 
      useCurrent: false 
     }).mask("99/99/9999"); 

これは、問題を実証する作業フィドルです:https://jsfiddle.net/f8v5vLmt/3/

+1

あなたはjsfiddleでこの問題を複製することができますか? – Amal

+0

@Amal jsfiddle exampleが追加されました – commanderZiltoid

+0

問題はMASKが無効な日付であることに関連していると思います。マスクを外すと、問題はなくなります。 – JorgeeFG

答えて

1

使用しているmaskプラグインに問題がなければなりません。 datetime pickerが解析しようとしているフィールドの値を設定していますが、それは明らかに日付ではないため、現在の日付にデフォルトする必要があります。

オプションにforceParse: falseを追加してみてください。ここで最初のフィールドにwhatyouたい

あなたが行動を確認することができますがされています

https://jsfiddle.net/f8v5vLmt/5/

参考:https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#forceparse

関連する問題