日期选择器:任意一天选择

时间:2018-11-05 09:29:13

标签: datepicker

如何使用日期选择器选择任何一天的选择。如果用户从日期05-11-2018中选择,则日期也应为2018年5月11日,这意味着它将仅适用于一日数据选择。 并且所有其他日期都应禁用。因此用户只能选择一个日期。 请帮助该怎么做。

代码:

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

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

1 个答案:

答案 0 :(得分:1)

尝试一下...

    $("#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>