Datum im Datum des Eingabetyps einstellen

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

Ich werde das heutige Datum in Datepicker-Eingabetyp Datum in Chrom einstellen .

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

aber es funktioniert nicht

Edit This jsFiddle - Bitte versuchen Sie es in Chrom.

Geigenlink: http://jsfiddle.net/7LXPq/93/

Zwei Probleme dabei:

1. Die Datumssteuerung in HTML 5 wird im Format Jahr - Monat - Tag akzeptiert, wie wir es in SQL verwenden
2. Wenn der Monat 9 ist, muss er einfach auf 09 und nicht auf 9 gesetzt werden. Es gilt also auch für das Tagesfeld.

Bitte folgen Sie dem Geigen-Link für die 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()

sollte arbeiten.

Update: Ich mache das mit date.toISOString().substr(0, 10). Gibt das gleiche Ergebnis wie die akzeptierte Antwort und hat gute Unterstützung.

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

Der obige Code funktioniert.

Für mich ist der kürzeste Weg, um dieses Problem zu lösen, moment.js zu verwenden und dieses Problem in nur 2 Zeilen zu lösen.

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

Ihr Code hätte funktioniert, wenn er in diesem Format gewesen wäre: YYYY-MM-DDDies ist der Computerstandard für Datumsformate http://en.wikipedia.org/wiki/ISO_8601

Normalerweise erstelle ich diese beiden Hilfsfunktionen, wenn ich Datumseingaben verwende:

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

Sie können dann den Datumseingabewert wie folgt einstellen:

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

Und rufen Sie den ausgewählten Wert wie folgt ab

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

Datetimepicker benötigt immer das Eingabeformat JJJJ-MM-TT. Das Anzeigeformat Ihres Modells oder die Datumszeit Ihres lokalen Systems sind ihm egal. Das Ausgabeformat der Datetime-Auswahl ist jedoch das von Ihnen gewünschte (Ihr lokales System). In meinem Beitrag gibt es ein einfaches Beispiel .

Jquery-Version

var currentdate = new Date();

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