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

Question

Je vais définir la date du jour dans l'entrée du sélecteur de date. date type en Chrome.

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="datePicker" type="date">

Cependant, cela ne fonctionne pas.

Veuillez essayer l'extrait de code dans Chrome.

Answer 1

Lien vers le violon : http://jsfiddle.net/7LXPq/93/

Deux problèmes à ce sujet :

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

Veuillez suivre le lien fiddle pour la démonstration :

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

Answer 2

document.getElementById("datePicker").[valueAsDate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#:%7E:text=minimum.-,valueasdate,-Date) = new Date()

devrait fonctionner.

Answer 3

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

Le code ci-dessus fonctionnera.

Answer 4

Mise à jour : Je fais cela 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.

Answer 5

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