it-roy-ru.com

Проблемы .datepicker ('setdate') в jQuery

У меня есть функция, которая выполняет запрос, чтобы получить некоторые данные на основе определенного диапазона дат, который выбирается с помощью .datepicker (). Я пытаюсь установить указатель даты в данных ответа на диапазон дат, который был выбран до выполнения запроса.

queryDate = '2009-11-01';
$('#datePicker').datepicker('setDate', queryDate);

имеет интересный результат установки DatePicker на сегодняшнюю дату! Я не был бы так смущен, если бы просто выплюнул ошибку. Почему он установлен на сегодняшнюю дату?

Как я могу взять форматированную дату, например, 'yyyy-mm-dd' и установить для нее указатель даты?

Я думаю, что было бы лучше всего установить текстовое поле, с которым указатель даты связан с "queryDate".

35
Derek Adair

Если вы хотите поддерживать действительно старые браузеры, вам следует проанализировать строку даты, поскольку использование формата даты ISO8601 с конструктором Date не поддерживается до IE9:

var queryDate = '2009-11-01',
    dateParts = queryDate.match(/(\d+)/g)
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);  
                                    // months are 0-based!
// For >= IE9
var realDate = new Date('2009-11-01');  

$('#datePicker').datepicker({ dateFormat: 'yy-mm-dd' }); // format to show
$('#datePicker').datepicker('setDate', realDate);

Проверьте приведенный выше пример здесь .

34
CMS

Когда вы пытаетесь вызвать setDate, вы должны предоставить действительный объект Date для JavaScript.

queryDate = '2009-11-01';

var parsedDate = $.datepicker.parseDate('yy-mm-dd', queryDate);

$('#datePicker').datepicker('setDate', parsedDate);

Это позволит вам использовать разные форматы для даты запроса и представления строковой даты в DatePicker. Такой подход очень полезен при создании многоязычного сайта. Еще одна полезная функция - formatDate, которая форматирует объект даты javascript в строку.

$.datepicker.formatDate( format, date, settings );
73
jurka

Как следует из сообщения Скобала, средство выбора даты ищет объект Date, а не просто строку! Итак, чтобы изменить ваш пример кода, чтобы сделать то, что вы хотите:

var queryDate = new Date('2009/11/01'); // Dashes won't work
$('#datePicker').datepicker('setDate', queryDate);
10
Matt Ball

Попробуйте изменить это на:

queryDate = '2009-11-01';
$('#datePicker').datepicker({defaultDate: new Date (queryDate)});
7
Mark Pope
function calenderEdit(dob) {
    var date= $('#'+dob).val();
    $("#dob").datepicker({
        changeMonth: true,
        changeYear: true, yearRange: '1950:+10'
    }).datepicker("setDate", date);
}
2
jomon

Убедитесь, что дата, которую вы пытаетесь установить, лежит в допустимом диапазоне дат, если установлены параметры minDate или maxDate.

1
cfwall