So konvertieren Sie ein Datum in eine Zeichenfolge in JQuery

In der Frontend-Entwicklung ist die Datenverarbeitung ein häufiges Problem. Bei der Entwicklung mit jQuery ist auch die Konvertierung von Datumsangaben in Strings eine häufige Anforderung. In diesem Artikel wird gezeigt, wie man Datumsangaben in Zeichenfolgen umwandelt, indem man das jQuery-Datepicker-Plug-in vorstellt.

1. jQuery Datepicker

jQuery Datepicker ist ein Datumsauswahl-Plug-in, das den Stil der jQuery-Benutzeroberfläche verwendet und interaktive Funktionen für die Datumsauswahl bereitstellt. Mit dem jQuery-Datepicker-Plugin können Sie ganz einfach Datumsangaben auswählen und diese in Zeichenfolgen formatieren.

1. Installieren Sie jQuery Datepicker

Zuerst müssen Sie die Bibliotheksdateien von jQuery und jQuery UI sowie die Bibliotheksdateien von jQuery Datepicker in die HTML-Seite einführen. Die entsprechenden Bibliotheksdateien können von der offiziellen Website von jQuery (https://jquery.com/) und der offiziellen Website von jQuery UI (https://jqueryui.com/) heruntergeladen werden. Oder über CDN laden.

2. Verwenden von jQuery Datepicker

Um jQuery Datepicker zu verwenden, müssen Sie nur eine Klasse zum Datumseingabefeld hinzufügen und dann die Datepicker-Funktion in JavaScript aufrufen.

HTML-Code:

JavaScript-Code:

$(document).ready(function(){

$(".datepicker").datepicker();

});

Das ist es Sie können auf das Datumseingabefeld klicken, um die Datumsauswahl aufzurufen.

2. Datum in einen String konvertieren

Das Konvertieren eines Datums in einen String umfasst hauptsächlich zwei Prozesse: das Abrufen des Datums und das Formatieren in einen String.

1. Datum abrufen

Mit der jQuery-Datumsauswahl können Sie das Datum über Funktionen abrufen. Um beispielsweise das Standarddatum abzurufen, wenn die Datumsauswahl angezeigt wird:

$(".datepicker").datepicker("getDate")

Diese Funktion gibt ein JavaScript-Objekt vom Typ Datum zurück.

2. In einen String formatieren

Die Verwendung des Datumstyps von JavaScript umfasst einige Methoden zur Datumsformatierung, darunter toDateString(), toLocaleDateString() usw. Der Nachteil dieser Methoden besteht jedoch darin, dass das Format nicht angepasst werden kann.

Um Daten bequem zu formatieren, können wir die Drittanbieterbibliothek moment.js (https://momentjs.com/) verwenden, die eine sehr praktische Methode zur Datumsverarbeitung bietet.

Wenn wir beispielsweise das Datum im Format jjjj-mm-tt formatieren möchten, können wir die format()-Methode von moment.js verwenden.

moment(date).format("YYYY-MM-DD")

Date ist ein JavaScript-Objekt vom Typ Date, das das zu formatierende Datum darstellt. Der Parameter der format()-Methode ist eine Zeichenfolge, die zur Angabe des Ausgabeformats verwendet wird. YYYY steht für das vierstellige Jahr, MM für den Monat und DD für die Anzahl der Tage.

Der vollständige Code lautet wie folgt:

HTML-Code:

Convert
< p id="result">

JavaScript-Code:

$(document).ready(function(){

$(".datepicker").datepicker();
$("#btnConvert").click(function(){
    var date = $(".datepicker").datepicker("getDate");
    var dateString = moment(date).format("YYYY-MM-DD");
    $("#result").text(dateString);
});

});

Fügen Sie zunächst die Datepicker-Klasse für das Datumseingabefeld hinzu . Anschließend wird eine Schaltfläche definiert, um den Datumsumrechnungsprozess auszulösen. Wenn auf die Schaltfläche geklickt wird, ruft die Funktion getUserDate() das Datum ab und formatiert das Datum mithilfe von moment.js in eine Zeichenfolge.

3. Zusammenfassung

Mit dem jQuery-Datepicker-Plugin können Sie schnell einen Datepicker implementieren. Mit moment.js können Sie Datumsangaben ganz einfach in Zeichenfolgen konvertieren und das Datumsformat anpassen. Durch die Erklärung dieses Artikels glaube ich, dass jeder ein tieferes Verständnis dafür hat, wie jQuery Datumsangaben in Zeichenfolgen umwandelt.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein Datum in eine Zeichenfolge in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!