Wie setzt man den Standardwert des Eingabetyps Datum auf heute?

Question

Gegeben ein Eingabeelement:

<input type="date" />

Gibt es eine Möglichkeit, den Standardwert des Datumsfelds auf das heutige Datum zu setzen?

Answer 1

Javascript

document.getElementById('date-field').value = new Date().toISOString().slice(0, 10);

Jquery

$('#date-field').val(new Date().toISOString().slice(0, 10));

Eine weitere Option

Wenn Sie das Datum, den Monat und das Jahr anpassen möchten, tun Sie einfach die Summe oder den Teil, wie Sie es wünschen. Der Monat beginnt mit der Zahl 0, deshalb muss die Summe 1 mit dem Monat gebildet werden.

function today() {
        let d = new Date();
        let currDate = d.getDate();
        let currMonth = d.getMonth()+1;
        let currYear = d.getFullYear();
        return currYear + "-" + ((currMonth<10) ? '0'+currMonth : currMonth )+ "-" + ((currDate<10) ? '0'+currDate : currDate );
    }

Anwendung der Heute-Funktion

document.getElementById('date-field').value = today();

$('#date-field').val(today());

Answer 2

Verwenden Sie moment.js, um dieses Problem in 2 Zeilen zu lösen, html5 Datumseingabe Typ nur akzeptieren "JJJJ-MM-TT" dieses Format. Ich löse mein Problem auf diese Weise.

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

Dies ist die einfachste Möglichkeit, dieses Problem zu lösen.

Answer 3

Die einfachste funktionierende Version, die ich getestet habe:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="date" id="date" name="date">
<script>
    $('#date').val(new Date().toJSON().slice(0,10));
</script>

Answer 4

Dies ist sehr einfach durch die Anwendung des folgenden Codes, mit PHP

<input type="date" value="<?= date('Y-m-d', time()); ?>" />

Die Funktion Date liefert das aktuelle Datum, indem sie das Datum in time() .

Answer 5

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

$(document).ready( function() {
    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);
});

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