establecer la fecha en el tipo de entrada fecha

<input id="datePicker" type="date" />​

Estableceré la fecha de hoy en el tipo de entrada datepicker fecha en Chrome.

$(document).ready( function() {
    var now = new Date();
    var today = now.getDate()  + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
    alert(today);
    $('#datePicker').val(today);
});​

pero no esta funcionando

Edite este jsFiddle : inténtelo en Chrome.

Enlace de violín: http://jsfiddle.net/7LXPq/93/

Dos problemas en esto:

1. El control de fecha en HTML 5 acepta en el formato de año - mes - día como usamos en SQL
2. Si el mes es 9, debe configurarse como 09, no simplemente como 9. Por lo que también se aplica al campo de día.

Siga el enlace de violín para ver la demostración:

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()

Deberia trabajar.

Actualización: estoy haciendo esto con date.toISOString().substr(0, 10). Da el mismo resultado que la respuesta aceptada y tiene un buen soporte.

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

El código anterior funcionará.

para mí, la forma más corta de resolver este problema es usar moment.js y resolver este problema en solo 2 líneas.

var today = moment().format('YYYY-MM-DD');
$('#datePicker').val(today);

Su código habría funcionado si hubiera estado en este formato:, YYYY-MM-DDeste es el estándar de computadora para formatos de fecha http://en.wikipedia.org/wiki/ISO_8601

Normalmente creo estas dos funciones de ayuda cuando uso entradas de fecha:

// date is expected to be a date object (e.g., new Date())
const dateToInput = date =>
  `${date.getFullYear()
  }-${('0' + (date.getMonth() + 1)).slice(-2)
  }-${('0' + date.getDate()).slice(-2)
  }`;

// str is expected in yyyy-mm-dd format (e.g., "2017-03-14")
const inputToDate = str => new Date(str.split('-'));

Luego puede establecer el valor de entrada de fecha como:

$('#datePicker').val(dateToInput(new Date()));

Y recupera el valor seleccionado así

const dateVal = inputToDate($('#datePicker').val())

Datetimepicker siempre necesita el formato de entrada YYYY-MM-DD, no le importa el formato de visualización de su modelo o la fecha y hora del sistema local. Pero el formato de salida del selector de fecha y hora es el que desea (su sistema local). Hay un ejemplo simple en mi publicación .

Versión de jquery

var currentdate = new Date();

$('#DatePickerInputID').val($.datepicker.formatDate('dd-M-y', currentdate));