définir la date dans le type d'entrée date

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

Je vais définir la date d'aujourd'hui dans la date de type d' entrée datepicker dans chrome.

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

mais ça ne marche pas

Modifier ce jsFiddle - Veuillez essayer dans Chrome.

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

Deux problèmes à cet égard:

1. Le contrôle de date en HTML 5 accepte au format Année - mois - jour comme nous l'utilisons dans SQL
2. Si le mois est 9, il doit être défini comme 09 et non simplement 9. Donc, cela s'applique également au champ de jour.

Veuillez suivre le lien violon pour la démo:

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

devrait marcher.

Mise à jour: je fais ça avec date.toISOString().substr(0, 10). Donne le même résultat que la réponse acceptée et bénéficie d'un bon support.

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

Le code ci-dessus fonctionnera.

pour moi, le moyen le plus court de résoudre ce problème est d'utiliser moment.js et de résoudre ce problème en seulement 2 lignes.

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

Votre code aurait fonctionné s'il avait été dans ce format YYYY-MM-DD:, c'est la norme informatique pour les formats de date http://en.wikipedia.org/wiki/ISO_8601

Je crée généralement ces deux fonctions d'assistance lorsque j'utilise des entrées de date:

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

Vous pouvez ensuite définir la valeur d'entrée de la date comme suit:

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

Et récupérez la valeur sélectionnée comme ça

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

Datetimepicker a toujours besoin du format d'entrée AAAA-MM-JJ, il ne se soucie pas du format d'affichage de votre modèle ou de votre datetime système local. Mais le format de sortie du sélecteur de date / heure est celui que vous souhaitez (votre système local). Il y a un exemple simple dans mon message .

Vous ne pouvez utiliser la date dans l'entrée type="date"que dans le formatYYYY-MM-DD

J'ai implémenté helper comme formatDatedans NODE.js express-handlebars, ne vous inquiétez pas ... utilisez simplement le format comme décrit dans la première ligne.

par exemple:

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

Version Jquery

var currentdate = new Date();

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