definir data no tipo de entrada data

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

Vou definir a data de hoje no tipo de entrada datepicker date no cromo.

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

mas não está funcionando

Edite este jsFiddle - Por favor, tente no Chrome.

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

Dois problemas nisso:

1. O controle de data em HTML 5 aceita no formato de ano - mês - dia, conforme usamos no SQL
2. Se o mês for 9, ele precisa ser definido como 09, não apenas 9. Portanto, também se aplica ao campo do dia.

Siga o link do violino para uma demonstração:

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

Deveria trabalhar.

Atualização: estou fazendo isso com date.toISOString().substr(0, 10). Dá o mesmo resultado que a resposta aceita e tem um bom suporte.

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

O código acima funcionará.

para mim, o caminho mais curto para resolver esse problema é usar moment.js e resolver esse problema em apenas 2 linhas.

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

Seu código teria funcionado se estivesse neste formato:, YYYY-MM-DDeste é o padrão de computador para formatos de data http://en.wikipedia.org/wiki/ISO_8601

Normalmente crio essas duas funções auxiliares ao usar entradas de data:

// 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('-'));

Você pode então definir o valor de entrada de data como:

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

E recupere o valor selecionado assim

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

O Datetimepicker sempre precisa do formato de entrada AAAA-MM-DD, não se preocupa com o formato de exibição do seu modelo ou com a data e hora do seu sistema local. Mas o formato de saída do selecionador de data e hora é o desejado (seu sistema local). Há um exemplo simples em minha postagem .

Versão Jquery

var currentdate = new Date();

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