Question

我使用两个具有以下属性的日期选择器：

datepicker：不显示过去的日期

datepicker_2：仅根据#datepicker

中的日期显示接下来的5天

这是我的代码：

jQuery(function($) {
	$('#datepicker').datepicker({ 
    /* dateFormat: 'mm/dd/yy',    */  
    dateFormat: 'dd.mm.yy',
    minDate: new Date(),
    maxDate: '+2y',
    onSelect: function(date){
      var selectedDate = new Date(date);
      var msecsInADay =0;
			var msecsInADay2 =432000000; //5 Days
      var endDate = new Date(selectedDate.getTime() + msecsInADay);
			var maxDate = new Date(selectedDate.getTime() + msecsInADay2);
      $("#datepicker_2").datepicker( "option", "minDate", endDate );
      $("#datepicker_2").datepicker( "option", "maxDate", maxDate );						
		}	
	}); 
}); 
	       
$(function() {
	$('#datepicker_2').datepicker({ 
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>


<input type="text" name="leaving day" id="datepicker" required="true" placeholder="leaving day" />

<input type="text" name="arrival day" id="datepicker_2" required="true" placeholder="arrival day" />

在铬下炒锅很好！但不是在Firefox和IE中。在这个代码段中它似乎也不起作用。

我认为“新日期（）”有问题，但我没有看到错误......

修改

它仅适用于datefomat mm / dd / yy，而不适用于dd.mm.yy

工作日期似乎无效。

Answer 1

好的......我有一个答案。

问题是dateFormat。它必须采用mm / dd / yy格式或此列表中的其他格式：http://dygraphs.com/date-formats.html

为了显示其他格式，我在同一个datepicker输入字段中使用了altFormat和altField。

＆＃13;

jQuery(function($) {
	$('#datepicker').datepicker({ 
	dateFormat: "mm/dd/yy",
  	altFormat: "dd. M. yy",
  	altField: "#datepicker",
    minDate: new Date(),
    maxDate: '+2y',
    onSelect: function(date){
      var selectedDate = new Date(date);
      var msecsInADay =0;
	  var msecsInADay2 =432000000; //5 Days
      var endDate = new Date(selectedDate.getTime() + msecsInADay);
	  var maxDate = new Date(selectedDate.getTime() + msecsInADay2);
      $("#datepicker_2").datepicker( "option", "minDate", endDate );
      $("#datepicker_2").datepicker( "option", "maxDate", maxDate );						
		}	
	}); 
}); 
	       
$(function() {
	$('#datepicker_2').datepicker({ 
      dateFormat: "mm/dd/yy",
      altFormat: "dd. M. yy",
      altField: "#datepicker_2"
	});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>


<input type="text" name="leaving day" id="datepicker" required="true" placeholder="leaving day" />

<input type="text" name="arrival day" id="datepicker_2" required="true" placeholder="arrival day" />

＆＃13;

jquery datepicker插件功能在Firefox和IE中不起作用

1 个答案: