是否可以根据其他日期时间选择器中的选定日期禁用日期时间选择器的以前日期

我对startdate和enddate使用了两个日期时间选择器。当我在startdate中选择日期时，我想禁用endadate中所有以前的日期。例如，如果我在开始日期中选择2020年4月29日，而不是在结束日期中选择，则必须禁用2020年4日29日之前的所有日期。下面是代码：

$(function(){
$('#startDate').datetimepicker({
format: 'dd-mm-yyyy  hh:ii',
endDate: '+0d',
autoclose: true,
});
$('#endDate').datetimepicker({
format: 'dd-mm-yyyy hh:ii',
endDate: '+0d',
autoclose: true
});
});

如何修改代码以获得预期结果。

请尝试以下代码，它正在工作。

<html lang="en">
<head>
<meta charset="utf-8">
<title>Testing Date Time Picker</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.js"></script>
</head>
<body>
	<label>Start Date: </label>
	<input id="startDate" type="text" />
	<label>End Date: </label>
	<input id="endDate" type="text" />
	<script>
		$(document).ready(function(){
			$('#startDate').datetimepicker({
				format: 'd-m-Y H:i',
				closeOnDateSelect:true,
				onChangeDateTime:function(dp,$input){
					//need to convert date to format yyyy/m/d
					var val = $input.val();
					$('#endDate').datetimepicker({minDate: val, formatDate:'d-m-Y H:i'});
				}
			});
			$('#endDate').datetimepicker({
				format: 'd-m-Y H:i',
				closeOnDateSelect:true,
			});
		});
	</script>
</body>
</html>

相关内容

最新更新

热门标签：