minDate / maxDate与XDSoft的DateTimePicker

时间:2015-01-15 20:11:54

标签: jquery plugins datepicker

我正在使用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如何转换为yesterday?如果我将其设置为0,它适用于今天的'限制。但是我在页面上有两个日期选择器,我需要更新第二个,以便它不能在第一个之前。

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

这不是jQuery UI插件。

3 个答案:

答案 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;
&#13;
&#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处理。每当初始日期发生变化时,结束日期都会被修改。