如何使用日期选择器选择任何一天的选择。如果用户从日期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());
答案 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>