Выбор диапазона данных для выбора даты начала и окончания - PullRequest
Новая
       30

Выбор диапазона данных для выбора даты начала и окончания

0 голосов
/ 01 апреля 2019

Я ищу средство выбора диапазона дат, в котором первый щелчок предназначен для выбора начальной даты, затем календарь обновляется, а второй щелчок предназначен для выбора конечной даты.У всех сборщиков дат, которые я нахожу, есть два календаря с датами начала и окончания, которые можно выбрать одновременно.

Кто-нибудь делал что-то подобное.

Буду признателен за любые предложения или помощь.

Заранее спасибо

Ответы [ 3 ]

0 голосов
/ 01 апреля 2019

пожалуйста, проверьте, я думаю, что один из этих методов поможет вам,

Примечание: я не знаю, запрещено ли размещение сторонней ссылки в stackoverflow, если так, пожалуйста, дайте мне знать, чтобы удалить ссылку ниже,

http://www.daterangepicker.com/#examples

0 голосов
/ 01 апреля 2019

Я думаю, вы ищете это. 

 $( function() {
       $( "#fromDate" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
       
        onClose: function( selectedDate ) {
            $("#toDate").datepicker("option", "minDate", selectedDate);
        }
    });
    $( "#toDate" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onClose: function( selectedDate ) {
            $( "#fromDate" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
  } );
<!doctype html>
<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>
</head>
<body>
 
<p>From: <input type="text" id="fromDate"></p>
<p>To: <input type="text" id="toDate"></p>
 
 
</body>
</html>
0 голосов
/ 01 апреля 2019

Я использую средство выбора дня реакции, и оно очень настраиваемо. Или попробуйте airbnb, который немного тяжел и потребляет больше ресурсов процессора

...