在 jquery 日期选择器中禁用以前的日期
[英]disable previous dates in a jquery datepicker
问题描述
I am trying to implement a jquery datepicker.
我正在尝试实现一个 jquery 日期选择器。 I have two input text boxes datepicker1 and datepicker2.我有两个输入文本框 datepicker1 和 datepicker2。 I am trying to disable the dates in the second input box based on the user date selection on the first input box.我试图根据第一个输入框中的用户日期选择禁用第二个输入框中的日期。 That means the dates behind the user selected date on the first input box should be disabled.这意味着应该禁用第一个输入框中用户选择日期后面的日期。 Same for any date change I have tried the following but it doesnt work:对于任何日期更改，我都尝试过以下操作，但它不起作用：
<script>
$(function(){
$.datepicker.setDefaults(
$.extend($.datepicker.regional['']) );
//$('#datepicker').datepicker();
var datepicker1=$('#datepicker1').datepicker({minDate: 'now'});
//var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1});
var datepicker2=$('#datepicker2').datepicker
(
{minDate:($( ".datepicker1" ).datepicker( "getDate" ))+1}
);
//$('#datepicker').datepicker('option', $.datepicker.regional['fr']);
});
</script>
the html file is:testjs.html html文件是：testjs.html
<!DOCTYPE html>
<html>
<head>
<!-- add scripts -->
<script src="js/jquery-1.12.3.js"></script>
<script src="js/jquery-ui.min.js"></script>
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script>
$(function(){
$.datepicker.setDefaults(
$.extend($.datepicker.regional['']) );
//$('#datepicker').datepicker();
var datepicker1=$('#datepicker1').datepicker({minDate: 'now'});
//var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1});
var datepicker2=$('#datepicker2').datepicker
(
{minDate:($( ".datepicker1" ).datepicker( "getDate" ))+1}
);
//$('#datepicker').datepicker('option', $.datepicker.regional['fr']);
});
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<input id="datepicker1" type="text" />
<input id="datepicker2" type="text" />
</body>
</html>
3 个解决方案
解决方案1
1 2016-04-15 13:17:07
Give zero to mindate and it'll disabale past dates.给零记念，它会禁用过去的日期。
$( "#datepicker" ).datepicker({ minDate: 0});
here is a Live fiddle working example http://jsfiddle.net/mayooresan/ZL2Bc/这是一个现场小提琴工作示例http://jsfiddle.net/mayooresan/ZL2Bc/
解决方案2
0 2016-04-15 13:13:07
you can try this code你可以试试这个代码
<script>
$(function () {
$("#datepicker1").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function (selectedDate) {
$("#datepicker2").datepicker("option", "minDate", selectedDate);
}
});
$("#datepicker2").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function (selectedDate) {
$("#datepicker1").datepicker("option", "maxDate", selectedDate);
}
});
});
</script>
For more info visit this link : https://jqueryui.com/datepicker/#date-range有关更多信息，请访问此链接： https : //jqueryui.com/datepicker/#date-range
解决方案3
0 2019-11-24 11:37:01
$(function () { $('.date_class').datetimepicker({ minDate: 0, dayOfWeekStart: 1, lang: 'en', startDate: 'date.now()', formatTime: 'g:i A', step: 30, $(function () { $('.date_class').datetimepicker({ minDate: 0, dayOfWeekStart: 1, lang: 'en', startDate: 'date.now()', formatTime: 'g:i A',步数：30，
}); }); }); });
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.