TrainingPeriodStart[]
IDとの日付ピッカー テキストボックスを動的に追加しましTrainingPeriodEnd[]
た。各ペアをターゲットにして、適切な開始日と終了日を設定する必要があります。
開始日と終了日の設定については、こちらのドキュメント リンクを参照してください。
以下のコードを念頭に置いていますが、機能しません。
var inputName = '';
var number = '';
$('input[id^="TrainingPeriodStart"]').click(function() {
inputName = $(this).attr('id');
number = inputName.substr(inputName.length - 3); // get [number]
}).datepicker({
changeYear: true,
changeMonth: true,
dateFormat: 'yy-mm-dd',
onSelect: function( selected ) {
$('#TrainingPeriodEnd'+number).datepicker( "option", "minDate",
selected )
}
});
$('input[id^="TrainingPeriodEnd"]').click(function() {
inputName = $(this).attr('id');
number = inputName.substr(inputName.length - 3); // get [number]
}).datepicker({
changeYear: true,
changeMonth: true,
dateFormat: 'yy-mm-dd',
onSelect: function( selected ) {
$('#TrainingPeriodStart'+number).datepicker( "option", "maxDate",
selected )
}
});
基本的に、日付ピッカーのペアを[number]
属性でターゲットにし、最小日付と最大日付を設定して、ユーザーが不正な日付範囲を選択しないようにします。
これを解決するにはどうすればよいですか?