提供一个选项/日期选择器来选择一周

Question

这可能是一个基本问题，但我需要知道我该如何处理这个需求。 我们在每个星期一运行自动审核，并且正在开发一个图表来显示详细信息。用户可以选择不选择特定的日期，但选择一个星期。
我怎样才能实现这个选项
1）我可以有一个选择选项列表显示从最近到最旧的星期一（带日期）。
2）我可以有只有星期几启用日期选择器？ - 为此，我可以隐藏日期选择器中的其他日期而不是使其变为晦涩状态？我正在使用jQuery的datepicker与timepicker插件（http://trentrichardson.com/examples/timepicker/）。

我该如何处理此要求？
由于提前

Answer 1

这通常的处理方式是让用户选择的任何日期，然后自动选择包括所选择的日期在本周内所有日期。有一个示例说明如何使用http://www.tikalk.com/incubator/week-picker-using-jquery-ui-datepicker上的默认JQuery日期选择器。

相关的脚本是：

$(function() { 
    var startDate; 
    var endDate; 

    var selectCurrentWeek = function() { 
     window.setTimeout(function() { 
      $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active') 
     }, 1); 
    } 

    $('.week-picker').datepicker({ 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     onSelect: function(dateText, inst) { 
      var date = $(this).datepicker('getDate'); 
      startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay()); 
      endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 6); 
      var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat; 
      $('#startDate').text($.datepicker.formatDate(dateFormat, startDate, inst.settings)); 
      $('#endDate').text($.datepicker.formatDate(dateFormat, endDate, inst.settings)); 

      selectCurrentWeek(); 
     }, 
     beforeShowDay: function(date) { 
      var cssClass = ''; 
      if(date >= startDate && date <= endDate) 
       cssClass = 'ui-datepicker-current-day'; 
      return [true, cssClass]; 
     }, 
     onChangeMonthYear: function(year, month, inst) { 
      selectCurrentWeek(); 
     } 
    }); 

    $('.week-picker .ui-datepicker-calendar tr').live('mousemove', function() { $(this).find('td a').addClass('ui-state-hover'); }); 
    $('.week-picker .ui-datepicker-calendar tr').live('mouseleave', function() { $(this).find('td a').removeClass('ui-state-hover'); }); 
});