2011-12-07 34 views
6

Tôi đang sử dụng plugin jquery datepicker với các cài đặt bên dưới.Trình ghi ngày tháng JQuery cho phép người dùng đặt năm

$("#date").datepicker({ 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOtherMonths: true, 
    selectOtherMonths: true 
}); 

Bây giờ những gì tôi muốn làm là cho phép người dùng đặt năm. Tôi có nghĩa là bằng cách thay đổi thủ công các đầu vào của các lựa chọn thả xuống.

Có cài đặt nào để làm điều đó không?

Lý do tôi muốn làm điều đó là vì tôi không biết, nếu người dùng đang chọn ngày từ năm 1920 hoặc 2220 hoặc năm nào. Vì vậy, tôi không có giá trị ngày mặc định tốt. Và giao diện thả xuống không phải là người dùng thân thiện nếu bạn phải nhấp 20 lần để nhận được từ năm 2000 đến năm 1600.

Chỉnh sửa: Điều tôi muốn làm là "Hiển thị năm không giới hạn:" từ keith- wood.name/datepick.html#monthyear. Có cái gì tương tự với jpery datepicker tiêu chuẩn. Tôi không thể tìm thấy thiết lập yearRange: 'any' trong tài liệu jquery datepicker.

+0

câu hỏi của bạn hợp lệ. Tại sao bạn chấp nhận câu trả lời đó, nếu nó không thực sự giải quyết nhu cầu của bạn?!. Tôi đang gặp vấn đề tương tự, tôi sẽ cho bạn biết nếu tôi giải quyết vấn đề này .... –

Trả lời

5
changeYear: true 

đã hiển thị hộp chọn .. vậy vấn đề là gì ?? để nhập thủ công của năm chỉ tạo văn bản nhập của riêng?

+0

chỉnh sửa của bạn: tôi không muốn cuộn xuống hộp chọn với số năm không giới hạn ... tạo trường nhập của riêng bạn! nếu bạn cần giúp đỡ với nó đăng một lần nữa – ggzone

+0

Cảm ơn bạn đã anwser của bạn. Những gì tôi muốn làm là, một người dùng có thể nhập năm trong gui datepicker lịch. Thay vì chọn năm từ danh sách thả xuống. Tôi hy vọng hình ảnh này sẽ giúp bạn http://screencast.com/t/kLEUQKRVx – sandrozbinden

+0

có như tôi đã tự mình chỉnh sửa bằng jquery. có được hộp chọn của datepicker và thay đổi các thuộc tính ... loại bỏ các tùy chọn ... làm cho nó một văn bản kiểu trường đầu vào. – ggzone

7

Bạn có thể chỉ định một loạt các năm bằng cách thêm

yearRange: "1930:2010" 

đến thuộc tính của bạn. Ví dụ:

$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "1930:2010" 
}); 
Các vấn đề liên quan