gpt4 book ai didi

jquery - 使用 XDSoft 的 DateTimePicker 的 minDate/maxDate

转载 作者:行者123 更新时间:2023-12-01 01:14:29 27 4
gpt4 key购买 nike

我正在使用 XDSoft 的 DateTimePicker,但无法理解 minDatemaxDate 时间参数。 http://xdsoft.net/jqplugins/datetimepicker/#mindate

minDate:'-1970/01/02', // yesterday is minimum date(for today use 0 or -1970/01/01)
maxDate:'+1970/01/02' // tommorow is maximum date calendar

我不明白-1970/01/02如何转换为昨天?如果我将其设置为 0,则它适用于“今天”限制。但我的页面上有两个日期选择器,我需要更新第二个日期选择器,以便它不能位于第一个日期选择器之前。

如何实现类似 minDate: 2015/01/20 的内容?

这不是 jQuery UI 插件。

最佳答案

案例:我的页面上有两个日期选择器,我需要更新第二个日期选择器,使其不能位于第一个日期选择器之前。

解决方案:希望下面的例子对您有所帮助!

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/>
</head>
<body>

<p>
Start
<input id="date_timepicker_start" type="text" value="">
End
<input id="date_timepicker_end" type="text" value="">
</p>


<script src="./jquery.js"></script>
<script src="./jquery.datetimepicker.js"></script>
<script>
jQuery(function(){
jQuery('#date_timepicker_start').datetimepicker({
format:'Y-m-d H:i',
onShow:function(ct){
this.setOptions({
maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false,
formatDate: 'Y-m-d H:i'
})
},
timepicker:true
});
jQuery('#date_timepicker_end').datetimepicker({
format:'Y-m-d H:i',
onShow:function(ct){
this.setOptions({
minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false,
formatDate: 'Y-m-d H:i'
})
},
timepicker:true
});
});
</script>
</body>

关于jquery - 使用 XDSoft 的 DateTimePicker 的 minDate/maxDate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27972163/

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