How do I set the first day and weeks for Bootstrap Datepicker
Try adding weekStart
. Visit here for more details about it
$(document).ready(function () { $('#datepickeron').datepicker({ weekStart: 0 // day of the week start. 0 for Sunday - 6 for Saturday });});
Some example. Hope it helps. AS usual goes inside $(document).ready(function(){});
$('#fromDate').datepicker('setStartDate', '-15d');$('#fromDate').datepicker('setEndDate', '1d');$('#toDate').datepicker('setStartDate', '-15d');$('#toDate').datepicker('setEndDate', '1d'); // Initialize the dates$('#cv-rpt-sdate').datepicker({format: 'dd-mm-yyyy',"autoclose": true});$('#cv-rpt-edate').datepicker({format: 'dd-mm-yyyy',"autoclose": true});$('#cv-rpt-sdate').datepicker('setEndDate', '1d');$('#cv-rpt-edate').datepicker('setEndDate', '1d');$('#dboard-att-date').datepicker({format: 'dd-mm-yyyy',"autoclose": true});$('#dboard-att-date').datepicker('setStartDate', '-7d');$('#dboard-att-date').datepicker('setEndDate', '1d');
No need of jquery or javascript-
You can set this property in Tag itself.
property - data-date-week-start type - integer default - 0 description - day of the week start. 0 for Sunday - 6 for Saturday
For Example- I have set to start from Monday, then data-date-week-start="1"
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-week-start="1"> <input class="span2" size="16" type="text" value="12-02-2012"> <span class="add-on"><i class="icon-th"></i></span></div>