.datepicker ('setdate'), trong jQuery

Question

Tôi có một hàm thực hiện truy vấn để lấy một số dữ liệu dựa trên một phạm vi ngày nhất định được chọn bằng cách sử dụng .datepicker(). Tôi đang cố gắng đặt trình đặt ngày tháng trong dữ liệu phản hồi về phạm vi ngày đã được chọn trước khi truy vấn được thực thi.

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

có kết quả thú vị là đặt datepicker thành ngày hôm nay! Tôi sẽ không quá bối rối nếu nó chỉ phát ra một lỗi. Tại sao nó đặt nó vào ngày hôm nay?

Làm cách nào để lấy ngày được định dạng như 'yyyy-mm-dd' và đặt bộ đếm ngày cho nó?

Tôi nghĩ có thể tốt nhất là chỉ đặt hộp văn bản mà trình ghi ngày tháng được liên kết đến 'queryDate'.

Answer 1

Bạn nên phân tích chuỗi ngày, kể từ bằng cách sử dụng định dạng ngày ISO8601 với các nhà xây dựng Date không được hỗ trợ cross-browserly nào, (một số trình duyệt hỗ trợ nó vì nó sẽ là một phần của tiêu chuẩn EcmaScript 5):

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

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

Kiểm tra ví dụ trên here.

Answer 2

Cố gắng thay đổi nó để:

queryDate = '2009-11-01'; 
$('#datePicker').datepicker({defaultDate: new Date (queryDate)}); 

Answer 3

Như bài Scobal của nó, datepicker đang tìm kiếm một đối tượng Date - không chỉ là một chuỗi! Vì vậy, để sửa đổi mã ví dụ của bạn để làm những gì bạn muốn:

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

Answer 4

Kiểm tra xem ngày bạn đang cố gắng đặt ngày nằm trong phạm vi ngày được phép nếu tùy chọn minDate hoặc maxDate được đặt.

Answer 5

Khi bạn cố gắng gọi setDate, bạn phải cung cấp đối tượng Ngày javascript hợp lệ.

queryDate = '2009-11-01'; 

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

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

Điều này sẽ cho phép bạn sử dụng các định dạng khác nhau cho ngày truy vấn và biểu diễn ngày chuỗi trong ngày tháng. Cách tiếp cận này rất hữu ích khi bạn tạo trang đa ngôn ngữ. Một hàm hữu ích khác là formatDate, định dạng đối tượng ngày javascript thành chuỗi.

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

Answer 6

function calenderEdit(dob) { 
    var date= $('#'+dob).val(); 
    $("#dob").datepicker({ 
     changeMonth: true, 
     changeYear: true, yearRange: '1950:+10' 
    }).datepicker("setDate", date); 
}