2016-05-06 3 views
0

Я использую jquery datetimepicker и пытаюсь установить максимальную дату 7 мая, по какой-то причине, независимо от того, что я поставил для параметра maxDate, он всегда ограничивает maxDate сегодня (5 мая- 2016). Я делаю что-то неправильно ?Datetimepicker maxDate не работает

Которая затем дает мне правильное значение, но максимальная дата всегда установлена ​​на сегодняшний день, а не на 7 мая 2016 года.

Код:

$(function(){ 
    $('#AuditDate').datetimepicker({timepicker: false,format:'d-M-Y', maxDate: '07-May-2016', value: '05-May-2016'});         
}); 
+0

проверить это [УД скрипку] (HTTP: // jsfiddle .net/Ramachandra/2y67W/285 /) –

ответ

0

формат Try ниже, чтобы соответствовать вашему формату MaxDate:

format:'dd-M-yy' 
+0

Я изменил формат в формате: «d-M-Y», и это сработало. Спасибо огромное! – Kara

0

$ ('some_class.) DateTimePicker ({ timepicker:. Ложь, формат :' йМ-Y', MaxDate: '2016/05/25' }); // Пропустите максимальную дату в этом формате.

+0

Большое спасибо! – Kara

0

Проблема с datetimepicker диапазон дат (MinDate и MaxDate) является то, что они должны иметь правильный формат (например, Y/M/d, Y/m/d, d-M-Y), но это не означает, что ваш объект js должен! Ниже я добавил полный рабочий код. ps. Я использую momentjs библиотеку, так что вы должны добавить его в свой код;)

Html:

<input id="date_from" type="text" > 
<input id="date_to" type="text" > 

Js:

(function($) { 
"use strict"; 

var dtpFrom = $("input[name=date_from]"); 
var dtpTo = $("input[name=date_to]"); 

dtpFrom.datetimepicker({ 
    lang: 'pl', 
    format: 'Y-m-d H:i:s', 
    closeOnDateSelect: true, 
    onShow:function(ct) { 
     var setMaxDate = moment(dtpTo.val()).format('YYYY/MM/DD'); 

     this.setOptions({ 
      maxDate: setMaxDate 
        ? setMaxDate 
        : false 
     }) 
    }, 
    timepicker:false 
}); 

dtpTo.datetimepicker({ 
    lang: 'pl', 
    format: 'Y-m-d H:i:s', 
    closeOnDateSelect: true, 
    onShow:function(ct){ 
     var setMinDate = moment(dtpFrom.val()).format('YYYY/MM/DD'); 

     this.setOptions({ 
      minDate: setMinDate 
        ? setMinDate 
        : false 
     }) 
    }, 
    timepicker:false 
}); 
}(jQuery)); 
Смежные вопросы