Konvertieren Sie TT-MM-JJJJ-Zeichenfolge in Datum

Ich versuche, eine Zeichenfolge im Format TT-MM-JJJJ in ein Datumsobjekt in JavaScript zu konvertieren, indem ich Folgendes verwende:

 var from = $("#datepicker").val();
 var to = $("#datepickertwo").val();
 var f = new Date(from);
 var t = new Date(to);

("#datepicker").val()enthält ein Datum im Format TT-MM-JJJJ. Wenn ich Folgendes mache, erhalte ich "Ungültiges Datum":

alert(f);

Liegt das am '-' Symbol? Wie kann ich das überwinden?

Aufgeteilt auf "-"

Analysieren Sie den String in die Teile, die Sie benötigen:

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

Verwenden Sie Regex

var date = new Date("15-05-2018".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3"))

Warum nicht Regex verwenden?

Weil Sie wissen, dass Sie an einer Zeichenfolge arbeiten, die aus drei Teilen besteht, die durch Bindestriche getrennt sind.

Wenn Sie jedoch nach derselben Zeichenfolge in einer anderen Zeichenfolge suchen, ist Regex der richtige Weg.

Wiederverwendung

Da Sie dies mehr als einmal in Ihrem Beispielcode und möglicherweise an anderer Stelle in Ihrer Codebasis tun, schließen Sie es in eine Funktion ein:

function toDate(dateStr) {
  var parts = dateStr.split("-")
  return new Date(parts[2], parts[1] - 1, parts[0])
}

Verwenden als:

var from = $("#datepicker").val()
var to = $("#datepickertwo").val()
var f = toDate(from)
var t = toDate(to)

Oder wenn Ihnen jQuery in Ihrer Funktion nichts ausmacht:

function toDate(selector) {
  var from = $(selector).val().split("-")
  return new Date(from[2], from[1] - 1, from[0])
}

Verwenden als:

var f = toDate("#datepicker")
var t = toDate("#datepickertwo")

Modernes JavaScript

Wenn Sie moderneres JS verwenden können, ist die Array-Destrukturierung auch eine nette Geste:

const toDate = (dateStr) => {
  const [day, month, year] = dateStr.split("-")
  return new Date(year, month - 1, day)
}

Beispiel für einen regulären Ausdruck:

new Date( "13-01-2011".replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );

Andere Möglichkeit:

var from = "10-11-2011"; 
var numbers = from.match(/\d+/g); 
var date = new Date(numbers[2], numbers[0]-1, numbers[1]);

Passen Sie die Ziffern an und ordnen Sie sie neu

Verwenden Sie das Beispiel von moment.j :

var from = '11-04-2017' // OR $("#datepicker").val();
var milliseconds = moment(from, "DD-MM-YYYY").format('x');
var f = new Date(milliseconds)

var from = $("#datepicker").val(); 
var f = $.datepicker.parseDate("d-m-Y", from);

Sie können auch ein Datum in die Klammern des Date()Objekts schreiben , wie folgt:

new Date("Month dd, yyyy hh:mm:ss")
new Date("Month dd, yyyy")
new Date(yyyy,mm,dd,hh,mm,ss)
new Date(yyyy,mm,dd)
new Date(milliseconds)

Verwenden Sie dieses Format: myDate = new Date('2011-01-03'); // Mon Jan 03 2011 00:00:00

In meinem Fall

new Date("20151102034013".replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3T$4:$5:$6"))

Ergebnis: Mon Nov 02 2015 04:40:13 GMT + 0100 (CET) dann verwende ich .getTime (), um mit Millisekunden zu arbeiten

Die akzeptierte Antwort hat einen Fehler

var from = $("#datepicker").val().split("-")
var f = new Date(from[2], from[1] - 1, from[0])

Überlegen Sie, ob der Datepicker "77-78-7980" enthält, was offensichtlich kein gültiges Datum ist. Dies würde führen zu:

var f = new Date(7980, 77, 77);
=> Date 7986-08-15T22:00:00.000Z

Welches ist wahrscheinlich nicht das gewünschte Ergebnis.

Der Grund hierfür wird auf der MDN- Site erläutert :

Wenn Date als Konstruktor mit mehr als einem Argument aufgerufen wird und Werte größer als ihr logischer Bereich sind (z. B. 13 als Monatswert oder 70 als Minutenwert), wird der benachbarte Wert angepasst. ZB new Date(2013, 13, 1)ist äquivalent zu new Date(2014, 1, 1).

Ein besserer Weg, um das Problem zu lösen, ist:

const stringToDate = function(dateString) {
  const [dd, mm, yyyy] = dateString.split("-");
  return new Date(`${yyyy}-${mm}-${dd}`);
};

console.log(stringToDate('04-04-2019'));
// Date 2019-04-04T00:00:00.000Z

console.log(stringToDate('77-78-7980'));
// Invalid Date

Dies gibt Ihnen die Möglichkeit, ungültige Eingaben zu verarbeiten.

Beispielsweise:

const date = stringToDate("77-78-7980");

if (date === "Invalid Date" || isNaN(date)) {
  console.log("It's all gone bad");
} else {
  // Do something with your valid date here
}

Sie können eine externe Bibliothek verwenden, um Ihnen zu helfen.

http://www.mattkruse.com/javascript/date/source.html

getDateFromFormat(val,format);

Siehe auch Folgendes : Parse DateTime-Zeichenfolge in JavaScript

Werfen Sie einen Blick auf Datejs für all diese kleinen datumsbezogenen Probleme. Sie können dies auch mit der Funktion parseDate lösen

Sie könnten einen Regexp verwenden.

var result = /^(\d{2})-(\d{2})-(\d{4})$/.exec($("#datepicker").val());
if (result) {
    from = new Date(
        parseInt(result[3], 10), 
        parseInt(result[2], 10) - 1, 
        parseInt(result[1], 10)
    );
}

new Date().toLocaleDateString();

Übergeben Sie einfach Ihr Datum an js Date Object