jQuery календарь дата выезда +2 - PullRequest
Новая
       4

jQuery календарь дата выезда +2

0 голосов
/ 30 декабря 2018

Проведя некоторые исследования, я нашел немного кода и принял его, чтобы он работал на моем сайте.Код не должен позволять пользователям выбирать дату выезда ниже даты заезда.

Основы кода уже работают, но

1) Я хотел бы добавить еще две 2дней до моей даты выезда.endDate: «+ 2d» не работает.

2) Как сделать этот код наоборот?Когда я впервые выбираю дату выписки, все еще можно выбрать день выше даты отъезда в качестве даты заезда.

'# vfb-field-2' - это дата заезда

'# vfb-field-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 ); 
} );

1 Ответ

0 голосов
/ 30 декабря 2018

Пожалуйста, обратитесь ниже код: 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...