我正在尝试实现一个 jquery 日期选择器。我有两个输入文本框 datepicker1 和 datepicker2。我试图根据第一个输入框中的用户日期选择禁用第二个输入框中的日期。这意味着应禁用用户在第一个输入框中选择的日期后面的日期。任何日期更改都相同 我已尝试以下方法,但不起作用:
<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>
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>
最佳答案
给 0 来注意,它会禁止过去的日期。
$( "#datepicker" ).datepicker({ minDate: 0});
这是一个 Live fiddle 工作示例 http://jsfiddle.net/mayooresan/ZL2Bc/
关于javascript - 禁用 jquery 日期选择器中的先前日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36647857/