0

如何编辑我的日期选择器以返回所选周的第一天？目前，它始终返回所选日期的确切日期。

我想要的是：如果我选择“星期三 28/08/2013”​​，日期选择器应该返回“星期一 26/08/2013”​​。我怎样才能做到这一点？

如果我在 textboxfor 中写@id="#startDate不工作。

@Html.TextBoxFor(m => m.datS, new { @type = "text", @width = "80", @maxlength = 10, @readonly = "true" })

@Html.TextBoxFor(m => m.datE, new { @type = "text", @width = "80", @maxlength = 10, @readonly = "true" })

这是日期选择器的 javascript。

 $(function () {
         var startDate;
         var endDate;
         var dateToday = new Date();
         var selectCurrentWeek = function () {
             window.setTimeout(function () {
                 $('#datS, #datE').find('.ui-datepicker-current-day a').addClass('ui-state-active')
             }, 1);
         }
         $('#datS, #datE').datepicker({
             onSelect: function (dateText, inst) {
                 var date = $(this).datepicker('getDate');
                 startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() - 1);
                 endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 5);
                 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();
             },
             onClose: function (selectedDate, test) {
                 var day = ('0' + (parseInt(test.selectedDay))).slice(-2);
                 var month = ('0' + (test.selectedMonth)).slice(-2);
                 var year = test.selectedYear;
                 var tempDate = new Date(year, month, day);
                 if (this.id == "datS") {
                     tempDate.setDate(tempDate.getDate() + 1);
                     $("#datE").datepicker("option", "minDate", tempDate);
                 }
                 if (this.id == "datE") {
                     tempDate.setDate(tempDate.getDate() - 1);
                     $("#datS").datepicker("option", "maxDate", tempDate);
                 }
             }
         });
4

2 回答 2

1

小提琴

$(function() {
    $( "#datepicker" ).datepicker({
        showWeek: true,
        firstDay: 1,
        onSelect: function(date){
         var d = new Date(date);
            var index = d.getDay();
            if(index == 0) {
             d.setDate(d.getDate() - 6);
            }
            else if(index == 1) {
             d.setDate(d.getDate());
            }
            else if(index != 1 && index > 0) {
              d.setDate(d.getDate() - (index - 1));
            }
            $(this).val(d);
        }

    });
});
于 2013-08-28T18:44:14.997 回答
0

我创建了一个可以做到这一点的 jQuery 插件。从https://github.com/Prezent/jquery-weekpicker或通过 Bower 获取。示例用法：

$('#selector').weekpicker({
    startField: '#date-start',
    endField: '#date-end'
});
于 2014-02-21T06:55:25.620 回答