impostare la data nel tipo di input data

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

imposterò la data odierna in datepicker tipo di input data in chrome.

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

ma non funziona

Modifica questo jsFiddle - Prova in Chrome.

Collegamento violino: http://jsfiddle.net/7LXPq/93/

Due problemi in questo:

1. Il controllo della data in HTML 5 accetta il formato Anno - mese - giorno che usiamo in SQL
2. Se il mese è 9, deve essere impostato come 09 non 9 semplicemente. Quindi vale anche per il campo giorno.

Segui il link del violino per la 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()

dovrebbe funzionare.

Aggiornamento: lo sto facendo con date.toISOString().substr(0, 10). Fornisce lo stesso risultato della risposta accettata e ha un buon supporto.

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

Il codice sopra funzionerà.

per me il modo più breve per risolvere questo problema è usare moment.js e risolverlo in sole 2 righe.

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

Il tuo codice avrebbe funzionato se fosse stato in questo formato:, YYYY-MM-DDquesto è lo standard del computer per i formati di data http://en.wikipedia.org/wiki/ISO_8601

Di solito creo queste due funzioni di supporto quando utilizzo gli input di 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('-'));

È quindi possibile impostare il valore di input della data come:

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

E recupera il valore selezionato in questo modo

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

Datetimepicker ha sempre bisogno del formato di input AAAA-MM-GG, non si preoccupa del formato di visualizzazione del tuo modello o del tuo datetime del sistema locale. Ma il formato di output del selettore di data e ora è quello desiderato (il tuo sistema locale). C'è un semplice esempio nel mio post .

È possibile utilizzare solo la data nell'input type="date"come nel formatoYYYY-MM-DD

Ho implementato l'helper come formatDatein NODE.js express-handlebars, non devi preoccuparti ... usa semplicemente il formato come descritto nella prima riga.

per esempio:

< input type="date" id="date" name="date" class="form-control" value="{{formatDate invoice.date 'YYYY-MM-DD'}}" />

Versione Jquery

var currentdate = new Date();

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