j查询日历退房日期 +2.

通过做一些研究，我找到了一些代码并采用它来使其在我的网站上工作。该代码应防止用户选择低于签入日期的退房日期。

代码的基础知识已经有效，但是

1）我想在我的退房日期上再增加两个2天。结束日期："+2d"似乎不起作用。

2）如何使此代码反之亦然？当我第一次选择退房日期时，仍然可以选择比退房日期高一天作为入住日期。

"#vfb 字段-2"是入住日期

"#vfb 字段-3"为退房日期

jQuery( document ).ready( function($) {
setTimeout ( function() {
$(document).on('change', '#vfb-field-2', function () {
var startdate = $(this).val();
var endDate = $('#vfb-field-3').datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    endDate: '+2d',
});
endDate.datepicker("setStartDate", startdate);
});
}, 150 ); 
} );

请参考下面的代码：

<html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#indatepicker" ).datepicker({
        dateFormat: 'dd/mm/yy',
        inline: true,
        minDate: 'dateToday',
        onSelect: function(dateText, inst){
            var outDate =  $("#indatepicker").datepicker("getDate"); 
            outDate.setDate(outDate.getDate()+2);
            $("#outdatepicker").datepicker("option","minDate",outDate);
        }
    });
        $( "#outdatepicker" ).datepicker({
        dateFormat: 'dd/mm/yy',
        inline: true,
        onSelect: function(dateText, inst){
            var outDate =  $("#outdatepicker").datepicker("getDate"); 
            outDate.setDate(outDate.getDate()-2);
            $("#indatepicker").datepicker("option","maxDate",outDate);
        }
        });
      } );
      </script>
    </head>
    <body>
    <p>check in Date: <input type="text" id="indatepicker"> check Out Date: <input type="text" id="outdatepicker"></p>

    </body>
    </html>

相关内容

最新更新

热门标签：