jQuery DatePicker – 选择一整周

我正在使用两个jQuery日期选择器来选择日期范围。 有没有办法选择整周？ 这意味着在打开开始日期选择器时，将有两种选择方法：

• 选择单个开始日期（不影响结束日期选择器）。
• 选择整周（将开始日期选择器设置为一周的第一天，然后将结束日期选择器设置为最后一周）。

在asp日历中，类似的东西可以通过将SelectionMode属性设置为“DayWeek”来完成，但我无法在jQuery datepicker中实现这一点。 可以吗？

Answer 1

这是我最终如何实现这个：

// 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); }); 

Answer 2

这是一个可以单击两个输入字段的示例：

  $(document).ready(function(){ // date picker for Export part $(".datePicker").datepicker( { dateFormat: 'yymmdd', showWeek: true, firstDay: 1, weekHeader: "", showOtherMonths: true, selectOtherMonths: true } ).focus(function(){ // prevent focus event firing twice var $this = $(this); var now = +new Date(); var lastClicked = $this.data("lastClicked"); if (lastClicked && (now - lastClicked) < 100) { // Don't do anything return; } $this.data("lastClicked", now); var el = this; // A click on a week number cell in the weeks column of the start datepicker $("td.ui-datepicker-week-col").click(function(){ // Simulate a click on the first day of the week $(this).next().click(); var selectedDate = $(el).datepicker("getDate"); $("#inputStartDate").datepicker("setDate", selectedDate); var toDate = selectedDate; toDate.setDate(toDate.getDate() + 6); $("#inputEndDate").datepicker("setDate", toDate); }); }); });