minDate / maxDate 与 XDSoft 的 DateTimePicker答案

【问题标题】：minDate / maxDate with XDSoft's DateTimePickerminDate / maxDate 与 XDSoft 的 DateTimePicker
【发布时间】：2015-01-15 20:11:54
【问题描述】：

我正在使用 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 插件。

【问题讨论】：

标签： jquery plugins datepicker

【解决方案1】：

案例：我在页面上有两个日期选择器，我需要更新第二个，使其不能在第一个之前。

解决方案：希望下面的例子对你有所帮助！

<!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>

【讨论】：

【解决方案2】：

我刚刚在控件方面遇到了类似的问题，但没有发现文档很有帮助。我发现设置日期最简单的方法是先将其声明为 JS 日期对象，然后使用它来设置 minDate：

    var minStartDate = new Date(2015, 09, 26);

    $('#MyDatePicker').datetimepicker({
        format: 'd/m/Y',
        minDate: minStartDate,
        timepicker: false
    });

以上代码会将最短日期设置为 2015 年 10 月 26 日。请记住，JS 日期对象上的月份编号是零索引的；所以一月 = 0，二月 = 1 等等......

【讨论】：

【解决方案3】：

只需设置：

minDate: "2015/01/20"

对我来说很好，只能以这种格式工作。所以你需要转换格式以防你使用不同的时间格式。

与时间相同：

minTime: "11:00"

我有一个控件作为开始日期处理，另一个控件具有结束日期。每次开始日期更改时，都会修改结束日期。

【讨论】：