Heim >Web-Frontend >Front-End-Fragen und Antworten >So konvertieren Sie ein Datum mit JQuery in ein Datumsformat
Datumsumwandlung ist eine sehr häufige Anforderung bei der Website-Entwicklung. In vielen Fällen müssen wir Datumszeichenfolgen in Standarddatumsformate konvertieren, damit Daten leicht verglichen, berechnet und angezeigt werden können. Das JQuery-Framework bietet eine einfachere Methode zur Konvertierung des Datumsformats.
In diesem Artikel wird erläutert, wie Sie mit JQuery eine Datumszeichenfolge in ein Standarddatumsformat konvertieren, und es wird ein Beispielcode bereitgestellt, um den spezifischen Vorgang zu veranschaulichen.
1. Stellen Sie die JQuery-Bibliotheksdatei vor
Bevor Sie JQuery zum Verarbeiten des Datumsformats verwenden, müssen Sie zuerst die JQuery-Bibliotheksdatei einführen. Es kann durch den folgenden Code eingeführt werden:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2. Konvertieren Sie die Datumszeichenfolge in ein Datumsobjekt
Im JQuery-Framework können Sie Date() verwenden.
Funktion zum Konvertieren einer Datumszeichenfolge in ein Datumsobjekt. Die Syntax lautet wie folgt: Date()
函数来将日期字符串转换成日期对象。其语法如下:
new Date(dateString);
其中,dateString
是表示日期的字符串,可以包含以下内容:
下面是一个实例代码,将日期字符串"2021-06-29"转换成日期对象:
var dateObj = new Date("2021-06-29");
三、将日期对象转换成指定格式的字符串
在JQuery中,可以使用date.format()
函数将日期对象格式化为指定格式的字符串。其语法如下:
dateObj.format(formatString);
其中,formatString
是表示日期格式的字符串,可以包含以下占位符:
yyyy
:四位数的年份,如:"2021"yy
:两位数的年份,如:"21"MM
:月份,如:"06"M
:不带前导零的月份,如:"6"dd
:带前导零的日期,如:"29"d
:不带前导零的日期,如:"29"HH
:带前导零的小时数,24小时制,如:"10"H
:不带前导零的小时数,24小时制,如:"10"hh
:带前导零的小时数,12小时制,如:"10"h
:不带前导零的小时数,12小时制,如:"10"mm
:带前导零的分钟数,如:"30"m
:不带前导零的分钟数,如:"30"ss
:带前导零的秒数,如:"00"s
:不带前导零的秒数,如:"0"a
:小写字母的上午或下午标志,如:"am"或"pm"下面是一个实例代码,将日期对象dateObj
var dateString = $.format.date(dateObj, "yyyy-MM-dd");Darunter ist
dateString
eine Zeichenfolge, die das Datum darstellt und den folgenden Inhalt enthalten kann:
$(document).ready(function(){ var nowDate = new Date(); //当前时间 var nextMonth = new Date(nowDate.setMonth(nowDate.getMonth()+1)); //下一个月 nextMonth.setDate(1); //设置为下一个月的第一天 var firstDate = $.format.date(nextMonth, "yyyy-MM-dd"); //格式化日期为"yyyy-MM-dd"的字符串 alert(firstDate); //弹出结果 });3. Konvertieren Sie das Datumsobjekt in eine Zeichenfolge im angegebenen Format In JQuery können Sie den
date.format() Funktion zum Konvertieren des Datums Das Objekt wird als Zeichenfolge im angegebenen Format formatiert. Die Syntax lautet wie folgt: #🎜🎜#rrreee#🎜🎜# Darunter ist <code>formatString
eine Zeichenfolge, die das Datumsformat darstellt und die folgenden Platzhalter enthalten kann: #🎜🎜#yyyy
: Ein vierstelliges Jahr, zum Beispiel: „2021“yy
: Ein zweistelliges Jahr, zum Beispiel: „21“MM
: Monat, zum Beispiel: „06“M
: Monat ohne führende Nullen, zum Beispiel: „6“ dd
: Datum mit führenden Nullen, wie zum Beispiel: „29“d
: Datum ohne führende Nullen, wie zum Beispiel : „29“ „HH
: Stunden mit führenden Nullen, 24-Stunden-Format, wie zum Beispiel: „10“H code>: nein Stunden mit führenden Nullen, im 24-Stunden-Format, wie zum Beispiel: „10“
hh
: Stunden mit führenden Nullen, im 12-Stunden-Format, wie zum Beispiel : „10“h
: Stunden ohne führende Nullen, 12-Stunden-Format, wie zum Beispiel: „10“mm: mit führenden Nullen Die Anzahl der Minuten, zum Beispiel: „30“
m
: Die Anzahl der Minuten ohne führende Nullen, zum Beispiel: „30“ li>ss
: Die Anzahl der Sekunden mit führenden Nullen, wie zum Beispiel: „00“s
: Die Anzahl der Sekunden ohne führende Nullen Nullen, wie zum Beispiel: „0“a
: Vormittags- oder Nachmittagszeichen in Kleinbuchstaben, wie zum Beispiel: „am“ oder „pm“Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein Datum mit JQuery in ein Datumsformat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!