我正在使用XDSoft的DateTimePicker,我无法理解minDate
和maxDate
时间参数。 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
如何转换为yesterday
?如果我将其设置为0
,它适用于今天的'限制。但是我在页面上有两个日期选择器,我需要更新第二个,以便它不能在第一个之前。
如何实现minDate: 2015/01/20
之类的内容?
这不是jQuery UI插件。
答案 0 :(得分:2)
案例:我在页面上有两个日期选择器,我需要更新第二个,以便它不能在第一个之前。
解决方案:我希望以下示例能为您提供帮助!
<!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>
&#13;
答案 1 :(得分:1)
我刚刚遇到了与控件类似的问题,并且没有发现文档非常有用。我发现设置日期的最简单方法是首先将其声明为JS日期对象并使用它来设置minDate:
var minStartDate = new Date(2015, 09, 26);
$('#MyDatePicker').datetimepicker({
format: 'd/m/Y',
minDate: minStartDate,
timepicker: false
});
上述代码会将最短日期设定为2015年10月26日。请记住,JS日期对象上的月份编号为零索引;所以Jan = 0,2月= 1等...
答案 2 :(得分:0)
设置一下:
minDate: "2015/01/20"
对我来说很好,只能以这种格式工作。因此,如果你使用不同的时间格式,你需要转换格式。
与时间相同:
minTime: "11:00"
我有一个控件作为startdate处理,另一个控件作为enddate处理。每当初始日期发生变化时,结束日期都会被修改。