Question

我有2＆＃34; datepicker＆＃34;字段，我需要在'#checkout'更改后立即更改'#chekin'的值。 '#checkout'的值应为'#checking + 1 day'。我需要将此代码放在'$( document ).ready(function() { ...});'

中

我在这里找到了一个代码，但根本没有工作，没有错误，但没有工作。

JS ：

    <script>
    $( document ).ready(function() {
    $( ".datepicker" ).datepicker( "option", "dateFormat", 'dd/mm/yy' );

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

    $("#checkin").datepicker({
        dateFormat: "dd-M-yy", 
        minDate:  0,
        onSelect: function(date){
            var date2 = $('#checkin').datepicker('getDate');
            date2.setDate(date2.getDate()+1);
            $('#checkout').datepicker('setDate', date2);
        }
    });
    </script>

HTML ：

<input type="text" class="datepicker" size="30" name="check_in_date" id="checkin">


<input type="text" class="datepicker" size="30" name="check_out_date" id="checkout">

Answer 1

您的代码逻辑正常但是语法错误如下 -

您错过了最后的});括号
此外，您正在datepicker使用#checkin两次。

一次 -

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

和其他正下方一样 -

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

以下是您的Working Fiddle和已修改代码

$( document ).ready(function() {
    $( ".datepicker" ).datepicker( "option", "dateFormat", 'dd/mm/yy' );

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

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

});

Answer 2

请使用此：

 <script type="text/javascript">
$( document ).ready(function() {
$( ".datepicker" ).datepicker( "option", "dateFormat", 'dd/mm/yy' );

$（'＃checkout'）。datepicker（{dateFormat：“dd-M-yy”}）; $（'＃checkin'）。datepicker（{dateFormat：“dd-M-yy”}）;

$("#checkin").datepicker({
    numberOfMonths: 2,
    onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() + 1);
        $("#checkout").datepicker("option", "minDate", dt);
    }
});
$("#checkout").datepicker({
    numberOfMonths: 2,
    onSelect: function (selected) {
        var dt = new Date(selected);
        dt.setDate(dt.getDate() - 1);
        $("#checkin").datepicker("option", "maxDate", dt);
    }
});
});
</script>

更改日期＆＃34; datepicker＆＃34;加一天

2 个答案: