Set start day of the week in jQuery UI Datepicker?
I'm looking through the docs for the jQuery UI Datepicker (http://jqueryui.com/demos/datepicker/), but I can't find how to set the first day of the week as Monday.
Applying regional settings will set Monday as first day of the week, but this will also change the language.
Solution 1:
Here is an example config I use. Look at the last line with "firstDay: 1". I think using sytax like this to specify datepicker options looks better ;)
$('#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
})
Solution 2:
Try the firstDay option (in the options tab):
//getter
var firstDay = $('.selector').datepicker('option', 'firstDay');
//setter
$('.selector').datepicker('option', 'firstDay', 1);