JQuery функция DatePicker плагин не работает в Firefox и IE

Question

Я использую два DatePicker со следующим propertys:

DatePicker: не показывает прошлые даты

datepicker_2: показывать только следующие 5 дней на основе даты в # DatePicker

Вот мой код:

jQuery(function($) { 
 
\t $('#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; 
 
\t \t \t var msecsInADay2 =432000000; //5 Days 
 
     var endDate = new Date(selectedDate.getTime() + msecsInADay); 
 
\t \t \t var maxDate = new Date(selectedDate.getTime() + msecsInADay2); 
 
     $("#datepicker_2").datepicker("option", "minDate", endDate); 
 
     $("#datepicker_2").datepicker("option", "maxDate", maxDate); \t \t \t \t \t \t 
 
\t \t } \t 
 
\t }); 
 
}); 
 
\t   
 
$(function() { 
 
\t $('#datepicker_2').datepicker({ 
 
\t }); 
 
});

<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" />

Woks прекрасный внизу chrome! Но не в Firefox и IE. В этом коде тоже не работает.

Я думаю, что есть что-то не так с «новой Датой()», но я не вижу ошибку ...

EDIT

Он работает только с ддом datefomat/мм/yy, а не с dd.mm.yy

Неработающая дата кажется недействительной.

Answer 1

Хорошо ... У меня есть ответ.

Проблема - это датаФормат. Он должен быть в формате mm/dd/yy или другом формате из этого списка: http://dygraphs.com/date-formats.html

Для отображения другого формата я использовал altFormat и altField в том же поле ввода datepicker.

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

<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" />