Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Set date in input type date

People also ask

How can set current date in input type date in jquery?

Answers. //Get value of input text var dt = $("input[type=text]"). val(). split('-'); var date = dt[2] +"-"+ dt[1] +"-"+ dt[0];


Fiddle link : http://jsfiddle.net/7LXPq/93/

Two problems in this:

  1. Date control in HTML 5 accepts in the format of Year - month - day as we use in SQL
  2. If the month is 9, it needs to be set as 09 not 9 simply. So it applies for day field also.

Please follow the fiddle link for demo:

var now = new Date();

var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);

var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

$('#datePicker').val(today);

document.getElementById("datePicker").valueAsDate = new Date()

should work.


Update: I'm doing this with date.toISOString().substr(0, 10). Gives the same result as the accepted answer and has good support.


var today = new Date().toISOString().split('T')[0];
$("#datePicker").val(today);

Above code will work.