Heim Web-Frontend Front-End-Fragen und Antworten So konvertieren Sie ein Datum mit JQuery in ein Datumsformat

So konvertieren Sie ein Datum mit JQuery in ein Datumsformat

Apr 17, 2023 pm 03:01 PM

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was ist Useffizität? Wie verwenden Sie es, um Nebenwirkungen auszuführen? Was ist Useffizität? Wie verwenden Sie es, um Nebenwirkungen auszuführen? Mar 19, 2025 pm 03:58 PM

In dem Artikel wird die Verwendung von UseEffect in React, einen Haken für die Verwaltung von Nebenwirkungen wie Datenabrufen und DOM -Manipulation in funktionellen Komponenten erläutert. Es erklärt die Verwendung, gemeinsame Nebenwirkungen und Reinigung, um Probleme wie Speicherlecks zu verhindern.

Erklären Sie das Konzept des faulen Ladens. Erklären Sie das Konzept des faulen Ladens. Mar 13, 2025 pm 07:47 PM

Lazy Ladeverzögerung des Ladens von Inhalten bis zur Bedarf, Verbesserung der Webleistung und Benutzererfahrung durch Reduzierung der anfänglichen Ladezeiten und des Serverlasts.

Wie funktioniert das Currying in JavaScript und wie hoch sind ihre Vorteile? Wie funktioniert das Currying in JavaScript und wie hoch sind ihre Vorteile? Mar 18, 2025 pm 01:45 PM

In dem Artikel wird das Currying in JavaScript, einer Technik, die Multi-Argument-Funktionen in Einzelargument-Funktionssequenzen verwandelt. Es untersucht die Implementierung von Currying, Vorteile wie teilweise Anwendungen und praktische Verwendungen, Verbesserung des Code -Lesens

Was sind Funktionen höherer Ordnung in JavaScript und wie können sie verwendet werden, um prägnanter und wiederverwendbarer Code zu schreiben? Was sind Funktionen höherer Ordnung in JavaScript und wie können sie verwendet werden, um prägnanter und wiederverwendbarer Code zu schreiben? Mar 18, 2025 pm 01:44 PM

Funktionen höherer Ordnung in JavaScript verbessern die Übersichtlichkeit, Wiederverwendbarkeit, Modularität und Leistung von Code durch Abstraktion, gemeinsame Muster und Optimierungstechniken.

Wie funktioniert der React -Versöhnungsalgorithmus? Wie funktioniert der React -Versöhnungsalgorithmus? Mar 18, 2025 pm 01:58 PM

Der Artikel erläutert den Versöhnungsalgorithmus von React, der das DOM effizient aktualisiert, indem virtuelle DOM -Bäume verglichen werden. Es werden Leistungsvorteile, Optimierungstechniken und Auswirkungen auf die Benutzererfahrung erörtert.

Wie verbinden Sie React -Komponenten mit Connect () an den Redux -Store? Wie verbinden Sie React -Komponenten mit Connect () an den Redux -Store? Mar 21, 2025 pm 06:23 PM

In Artikel werden die Verbindungskomponenten an Redux Store mit Connect () verbinden, wobei MapStatetoprops, MapDispatchtoprops und Leistungsauswirkungen erläutert werden.

Was ist usecontext? Wie verwenden Sie es, um den Zustand zwischen Komponenten zu teilen? Was ist usecontext? Wie verwenden Sie es, um den Zustand zwischen Komponenten zu teilen? Mar 19, 2025 pm 03:59 PM

Der Artikel erläutert den Usecontext in React, was das staatliche Management durch Vermeidung von Prop -Bohrungen vereinfacht. Es wird von Vorteilen wie zentraler Staat und Leistungsverbesserungen durch reduzierte Neulehre erörtert.

Wie verhindern Sie das Standardverhalten bei Ereignishandlern? Wie verhindern Sie das Standardverhalten bei Ereignishandlern? Mar 19, 2025 pm 04:10 PM

In Artikeln werden das Standardverhalten bei Ereignishandlern mithilfe von PURDDEFAULT () -Methoden, seinen Vorteilen wie verbesserten Benutzererfahrungen und potenziellen Problemen wie Barrierefreiheitsproblemen verhindern.

See all articles