11

私はJquery日付ピッカーを使用しています。ユーザーが日付を選択すると、以下のフィールドに日付+1が入力される次のコードがあります

$('#dt2').datepicker({
        dateFormat: "dd-M-yy" 
    });

$("#dt1").datepicker(
    {dateFormat: "dd-M-yy", 
    minDate:  0,
onSelect: function(date){
var date2 = $('#dt1').datepicker('getDate');
            date2.setDate(date2.getDate()+1);
            $('#dt2').datepicker('setDate', date2);

dt2フィールドの日付を下回ってはならないフィールドの日付を制限したいと思いdt1ます。例: で選択した日付dt1が01-May-2013の場合、ユーザーは01-May-2013より後の日付を選択できます。02-May-2013

日付フィールド 2 で日付ピッキングを制限するにはどうすればよいですか?

4

3 に答える 3

41

私はあなたのためにjsfiddleを作成しました。それが「誰にでもできる」かどうかは100％確信が持てませんが、ユーザーが日付を手動で入力するのを防ぐために、入力を次のように設定できreadonlyます

<input type="text" id="dt1" readonly="readonly">

現時点では、dt2 onClose をチェックし、その日付が dt1s の日付より下にある場合は修正します。また、dt1 で日付が選択されている場合、dt2の minDate は dt1 の日付 +1 に設定されます。

$(document).ready(function () {

    $("#dt1").datepicker({
        dateFormat: "dd-M-yy",
        minDate: 0,
        onSelect: function (date) {
            var date2 = $('#dt1').datepicker('getDate');
            date2.setDate(date2.getDate() + 1);
            $('#dt2').datepicker('setDate', date2);
            //sets minDate to dt1 date + 1
            $('#dt2').datepicker('option', 'minDate', date2);
        }
    });
    $('#dt2').datepicker({
        dateFormat: "dd-M-yy",
        onClose: function () {
            var dt1 = $('#dt1').datepicker('getDate');
            var dt2 = $('#dt2').datepicker('getDate');
            //check to prevent a user from entering a date below date of dt1
            if (dt2 <= dt1) {
                var minDate = $('#dt2').datepicker('option', 'minDate');
                $('#dt2').datepicker('setDate', minDate);
            }
        }
    });
});

jsfiddleを参照してください

于 2013-05-04T12:20:58.100 に答える
18

これが私がそれを行う方法です-

デモ

コードは次のとおりです。

$('#dt2').datepicker({
    dateFormat: "dd-M-yy" 
});

$("#dt1").datepicker({
    dateFormat: "dd-M-yy", 
    minDate:  0,
    onSelect: function(date){            
        var date1 = $('#dt1').datepicker('getDate');           
        var date = new Date( Date.parse( date1 ) ); 
        date.setDate( date.getDate() + 1 );        
        var newDate = date.toDateString(); 
        newDate = new Date( Date.parse( newDate ) );                      
        $('#dt2').datepicker("option","minDate",newDate);            
    }
});
于 2013-05-04T12:19:39.030 に答える