jQuery DatePicker-选择整周 [英] jQuery DatePicker - selecting a whole week

问题描述

我正在使用两个jQuery datepicker选择日期范围.有没有办法选择整个星期?这意味着打开开始日期选择器时，将有两种选择方法:

I'm using two jQuery datepickers to select a dates range. Is there a way to select a whole week? This means that when opening the start datepicker, there will be two selection methods:

• 选择一个开始日期(不影响结束日期选择器).
• 选择整个星期(将日期选择器设置为一周的第一天，然后将日期选择器设置为最后一天).

在asp日历中，可以通过设置 SelectionMode 属性设置为"DayWeek"，但是我没有办法在jQuery datepicker中实现该功能.能做到吗?

In asp calendar something similar can be done by setting the SelectionMode property to "DayWeek", but I haven't a way to achieve that in jQuery datepicker. Can it be done?

推荐答案

我在这里最终实现了这一点:

Here is I how ended up implementing this:

// A click on a week number cell in the weeks column of the start datepicker
$("td.ui-datepicker-week-col").live("click", function()
{
    // Simulate a click on the first day of the week
    $(this).next().click();

    // Grab the date, and set the end of the week in the end datepicker
    var fromDate = $("#inputStartDate").datepicker("getDate");    
    var toDate = fromDate;
    toDate.setDate(fromDate.getDate() + 6);
    $("#inputEndDate").datepicker("setDate", toDate);
});

这篇关于jQuery DatePicker-选择整周的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！