2010-06-03 44 views
19

thể trùng lặp:
Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?ngày cụ thể Disable trong tuần trên jQuery UI datepicker

Tôi muốn vô hiệu hóa những ngày nhất định như mọi thứ Hai hoặc thứ Ba hàng tuần hoặc mỗi thứ hai, thứ năm thứ sáu , v.v. trên một thanh công cụ của giao diện người dùng jQuery.

Tôi đã cố gắng phát trước trướcShowDay, nhưng điều đó yêu cầu một ngày cụ thể. Tôi chỉ muốn vô hiệu hóa cả ngày trong tuần.

Cập nhật: Cảm ơn các giải pháp được đề xuất, nhưng tất cả đều hoạt động cho các ngày cụ thể. Điều gì sẽ xảy ra nếu tôi muốn vô hiệu hóa mọi Thứ Hai và Thứ Ba duy nhất trong cả năm. Tôi sẽ làm như thế nào?

Trả lời

50

Bạn có thể ue các beforeShowDate option của datepicker kết hợp với Date.getDay() để làm những gì bạn muốn, như thế này:

​$("#datepicker").datepicker({ 
    beforeShowDay: function(date) { 
     var day = date.getDay(); 
     return [(day != 1 && day != 2)]; 
    } 
})​​​​​;​ 

You can see a working demo here, điều này chỉ có ngày, kiểm tra nếu đó là một thứ Hai (1) hoặc thứ ba (2) và trả về false cho mục nhập mảng đầu tiên nếu đó là trường hợp.

+0

Cảm ơn. Điều này hoạt động tốt. – Amir

+0

Làm cách nào để sửa đổi và sử dụng các hộp kiểm này? Ví dụ: người dùng sẽ có tùy chọn 7 hộp kiểm - một cho mỗi ngày trong tuần có giá trị cho các ngày theo ngày và nếu người dùng chỉ kiểm tra vào Thứ Hai, sau đó nhấp vào trường datepicker, chỉ hiển thị thứ hai và nếu họ chọn/thêm/kiểm tra thêm, sau đó nhiều ngày hơn sẽ được kích hoạt trong datepicker? – Xander

+0

@Xander nhìn vào http://codepen.io/anon/pen/XmQrPY –

Các vấn đề liên quan