So konvertieren Sie ein Datum mit JQuery in ein Datumsformat

PHPz
Freigeben: 2023-04-17 16:14:25
Original
3242 Leute haben es durchsucht

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>
Nach dem Login kopieren

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);
Nach dem Login kopieren

其中,dateString是表示日期的字符串,可以包含以下内容:

  • 包含日期和时间信息的字符串,如:"2021-06-29 10:30:00"
  • 只包含日期信息的字符串,如:"2021-06-29"
  • 只包含时间信息的字符串,如:"10:30:00"

下面是一个实例代码,将日期字符串"2021-06-29"转换成日期对象:

var dateObj = new Date("2021-06-29");
Nach dem Login kopieren

三、将日期对象转换成指定格式的字符串

在JQuery中,可以使用date.format()函数将日期对象格式化为指定格式的字符串。其语法如下:

dateObj.format(formatString);
Nach dem Login kopieren

其中,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");
Nach dem Login kopieren
Darunter ist dateString eine Zeichenfolge, die das Datum darstellt und den folgenden Inhalt enthalten kann:

  • Contains Zeichenfolgen mit Datums- und Zeitinformationen, wie zum Beispiel: „2021-06-29 10:30:00“
  • Strings, die nur Datumsinformationen enthalten, wie zum Beispiel: „2021-06-29“
  • Nur eine Zeichenfolge mit Zeitinformationen, wie zum Beispiel: „10:30:00“
Das Folgende ist ein Beispielcode zum Konvertieren der Datumszeichenfolge „29.06.2021“. ein Datumsobjekt:

$(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); //弹出结果
});
Nach dem Login kopieren
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“
  • li>
  • 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 Folgende ist ein Beispielcode zum Konvertieren des DatumsobjektsdateObj Eine Zeichenfolge im Format „2021-06-29“: #🎜🎜#rrreee#🎜🎜# 4. Vollständiger Beispielcode # 🎜🎜##🎜🎜#Das Folgende ist ein vollständiger Beispielcode zum Generieren des ersten Tages des nächsten Monats basierend auf der aktuellen Zeit: #🎜🎜#rrreee#🎜🎜#Oben sehen Sie, wie Sie JQuery zum Konvertieren einer Datumszeichenfolge verwenden in ein Datumsformat konvertieren. #🎜🎜#

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!