バックエンドMySQLデータベースに日付を投稿するためにajaxを使用しているアプリケーションに2つのJQueryUI Date Pickersを使用しています。最初の日付ピッカーは、最初の日付を投稿するために使用されます。2 番目の日付ピッカーは、変更日を投稿するために使用されます。
どちらの場合も、ユーザーが日付ピッカーから日付を選択しないと問題が発生します。これは、MySQL データベースに投稿するために ajax に渡される日付値を取得するために onSelect 関数が使用されているためです。
ページの読み込み時に両方の日付ピッカーのデフォルトの日付値を定義する必要があると思います。これにより、ユーザーが日付を選択していない場合、日付が AJAX に渡されて投稿されたときに未定義にならなくなります。
これを行う最善の方法は何ですか?
<script>
$(function() {
$( ".datepicker" ).datepicker({
inline: true,
//nextText: '→',
//prevText: '←',
showOtherMonths: true,
dateFormat: 'yy-mm-dd',
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
//showOn: "button",
//buttonImage: "img/calendar-blue.png",
//buttonImageOnly: true,
onSelect: function(dateText, inst) {
reservationDate = $(".datepicker[name=datepicker1]").val();
modifyDate = $(".datepicker[name=datepicker2]").val();
}
});
});
</script>
<input type="text" class='datepicker' name="datepicker1" />
<input type="text" class='datepicker' name="datepicker2" />