在日常開發(fā)中,我們經(jīng)常會(huì)遇到需要選擇日期的情況,而有時(shí)我們只希望選擇一周的日期。jQuery提供了豐富的日期選擇插件,本文將介紹如何使用jQuery選擇日期只選擇周。
$(function () {
$('#datePicker').datepicker({
beforeShowDay: function (date) {
var day = date.getDay();
return [(day === 1 || day === 4)];//選擇周一和周四
}
});
});
上述代碼中,我們使用了jQuery UI的datepicker插件。通過beforeShowDay選項(xiàng),我們可以自定義日期選擇器中每一天的樣式。在本例中,我們判斷日期是否為周一或周四,如果是則返回true,否則返回false。
這里需要注意的是,getDay()方法返回的是星期幾,周日為0,周一為1,以此類推。因此我們選擇周一和周四時(shí),需要判斷day是否等于1或4。
最后,我們將datepicker應(yīng)用到id為datePicker的元素上即可實(shí)現(xiàn)選擇日期只選擇周的效果。