bootstrap datepicker today as default
JavascriptHtmlDateBootstrap DatepickerJavascript Problem Overview
I am using this bootstrap-datepicker for my datepicker. I'd like the datepicker to choose "today" for start day or default day. I cannot figure out how to set "today" automatically, so I did an inefficient way
HTML:
<input type="text" value ="today();" id="datepicker"/>
JS:
$('#datepicker').datepicker();
function today(){
var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1;
var curr_year = d.getFullYear();
document.write(curr_date + "-" + curr_month + "-" + curr_year);
}
Online Sample: http://jsfiddle.net/BXZk2/
Just looking for an easy solution to make the default day as "TODAY".
Thanks
Javascript Solutions
Solution 1 - Javascript
This should work:
$("#datepicker").datepicker("setDate", new Date());
And for autoclose (fiddle):
$('#datepicker').datepicker({
"setDate": new Date(),
"autoclose": true
});
Solution 2 - Javascript
Set after Init
$('#dp-ex-3').datepicker({ autoclose: true, language: 'es' });
$('#dp-ex-3').datepicker('update', new Date());
This example is working.
Solution 3 - Javascript
I used this code
$('#datePicker').datepicker({
format:'mm/dd/yyyy',
}).datepicker("setDate",'now');
Solution 4 - Javascript
Date picker with current date and basic settings:
// Datepicker
$('.datepicker').datepicker({
autoclose: true,
format: "yyyy-mm-dd",
immediateUpdates: true,
todayBtn: true,
todayHighlight: true
}).datepicker("setDate", "0");
Solution 5 - Javascript
If none of the above option work, use the following :
$(".datepicker").datepicker();
$(".datepicker").datepicker("setDate", new Date());
This worked for me.
Solution 6 - Javascript
I used this a little example and it worked.
$('#date').datetimepicker({
defaultDate: new Date()
});
Solution 7 - Javascript
It works fine for me...
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datepicker1').datepicker({
format: 'dd-mm-yyyy',
orientation: 'bottom'
});
$('#datepicker1').datepicker('setDate', today);
});
Solution 8 - Javascript
For bootstrap date picker
$( ".classNmae" ).datepicker( "setDate", new Date());
- new Date is jquery default function in which you can pass custom date & if it not set, it will take current date by default
Solution 9 - Javascript
This question is about bootstrap date picker. But all of the above answers are for the jquery date picker. For Bootstrap datepicker, you just need to provide the defaut date in the value of the input element. Like this.
<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">
Solution 10 - Javascript
Simply put the following one. This works for me.
$('.className').datepicker('setDate', 'now');
Solution 11 - Javascript
According to this link Set default date of jquery datepicker, the other solution is
var d = new Date();
var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();
var dateStr = currDate + "-" + currMonth + "-" + currYear;
$("#datepicker").datepicker(({dateFormat: "dd-mm-yy" autoclose: true, defaultDate: dateStr });
Solution 12 - Javascript
It's simple
$(function() {
$("#datePicker").datetimepicker({
defaultDate:'now'
});
});
This will be set today as the default