JQuery Datepicker - 从周一开始选择每周范围

如何更改此每周jQuery日期选择范围以星期一开始周？JQuery Datepicker - 从周一开始选择每周范围

$(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, 
    firstDay: 1, 
    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'); }); 
});

我改变日期选择器开始的第一天到firstDay：1它与视觉上周一开始。但是，如何在周一开始时选择每周更改每周范围？

来源

2017-06-12 Philipp M

看到这个http://jsfiddle.net/oykmv300/1/ – Amal

完美。万分感谢！ –

试试这个代码

重置您的start和end日期

startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 1); 
endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 7);

DEMO

来源

2017-06-12 11:09:25 Amal

JQuery Datepicker - 从周一开始选择每周范围

回答

相关问题