Выбор даты: любой выбор на один день - PullRequest
0 голосов
/ 05 ноября 2018

Как выбрать любой однодневный выбор, используя datepicker. Если пользователь выбирает дату от 05-11-2018, то датой также должно быть 05-11-2018. Это означает, что это будет только для выбора данных за один день. И все остальные даты должны быть отключены. Поэтому пользователь может выбрать только одну дату. Пожалуйста, помогите, как это сделать.

КОД:

 $("#searchFromDate").datepicker({dateFormat:'yy-mm-dd'});
    $("#searchFromDate").datepicker("setDate", new Date());

    $("#searchToDate").datepicker({dateFormat:'yy-mm-dd'});
    $("#searchToDate").datepicker("setDate", new Date()); 

1 Ответ

0 голосов
/ 05 ноября 2018

Попробуйте это ...

    $("#searchFromDate").datepicker({
    dateFormat:'yy-mm-dd',
    onClose: function( selectedDate ) {
            $("#searchToDate" ).datepicker( "option", "maxDate", selectedDate );
            $("#searchToDate" ).datepicker( "option", "minDate", selectedDate );
                   }});
  	
    $("#searchFromDate").datepicker("setDate", new Date());
              
    $("#searchToDate").datepicker({dateFormat:'yy-mm-dd'});
    $("#searchToDate").datepicker("setDate", new Date());
<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>Date: <input type="datepicker" id="searchFromDate"></p>
<p>Date: <input type="datepicker" id="searchToDate"></p>
 
 
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...