gpt4 book ai didi

javascript - 禁用 jquery 日期选择器中的先前日期

转载 作者:行者123 更新时间:2023-12-03 07:09:57 28 4
gpt4 key购买 nike

我正在尝试实现一个 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/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com