在jQuery UI Datepicker中设置一周的开始日期？

问题描述：

我正在浏览jQuery UI Datepicker的文档（http://jqueryui.com/demos/datepicker/），但我无法找到如何将星期的第一天设置为星期一。在jQuery UI Datepicker中设置一周的开始日期？

应用区域设置将星期一设置为一周中的第一天，但这也会更改语言。

答

尝试firstDay选项（在选项标签）：

//getter 
var firstDay = $('.selector').datepicker('option', 'firstDay'); 
//setter 
$('.selector').datepicker('option', 'firstDay', 1);

答

下面是一个例子配置我使用。看看“firstDay：1”的最后一行。我认为使用类似的语法时才这样指定日期选择器选项看起来更好;）

$('#datepickerfield').datepicker({ 
    constrainInput: true, // prevent letters in the input field 
    minDate: new Date(), // prevent selection of date older than today 
    showOn: 'button',  // Show a button next to the text-field 
    autoSize: true,   // automatically resize the input field 
    altFormat: 'yy-mm-dd', // Date Format used 
    beforeShowDay: $.datepicker.noWeekends,  // Disable selection of weekends 
    firstDay: 1 // Start with Monday 
})

答

您也可以通过自己的设置一起为您创造语言自己的本地化文件实现这一目标。看到这个页面的细节：http://docs.jquery.com/UI/Datepicker/Localization

答

使用第一天，因为星期一：

$(function() { 
    $("#date_id").datepicker({ firstDay: 1 }); 
});

答

function getFirstDateOfThisWeek(d) 
    { 
     var TempDate = new Date(d || new Date());    
     TempDate.setDate(TempDate.getDate() + (@Config.WeekStartOn - 1 - TempDate.getDay() - 7) % 7);   
     return TempDate; 

    } 

    var StartDate = getFirstDateOfThisWeek(new Date()); //1st date of this week

在jQuery UI Datepicker中设置一周的开始日期？

相关推荐