Heim > Web-Frontend > js-Tutorial > Analyse der Konvertierungsmethode zwischen Zeitzeichenfolge und Zeitstempel in Javascript

Analyse der Konvertierungsmethode zwischen Zeitzeichenfolge und Zeitstempel in Javascript

不言
Freigeben: 2018-09-14 15:51:21
Original
1686 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Analyse der Konvertierungsmethode zwischen Zeitzeichenfolge und Zeitstempel in JavaScript. Ich hoffe, dass er für Sie hilfreich ist.

Zu lösende Probleme

Bei der JS-Entwicklung ist ein Problem aufgetreten: Das von der UI-Komponente von Vue im Frontend generierte Zeitzeichenfolgenformat ist 2018-9-12 9:11:23, aber Das Backend kann es nur erkennen 2018-09-12 09:11:23 Eine solche Zeitzeichenfolge bedeutet, dass das Zeitzeichenfolgenformat konvertiert werden muss und 0 vor dem einstelligen Wert hinzugefügt werden muss.

Lösung

  1. Konvertieren Sie zuerst die vorhandene Zeitzeichenfolge in einen Zeitstempel.

  2. Erstellen Sie ein Datumsobjekt mithilfe des Zeitstempels und dann Verwenden Sie die Date-Methode, um die entsprechenden Werte für Jahr, Monat, Tag, Stunde, Minute und Sekunde zu erhalten

  3. mit 0 auffüllen und die erforderliche Zeitzeichenfolge generieren

Einbeziehen von Wissenspunkten

Zeitstempelkonzept: die Anzahl der Millisekunden von 0:00 Uhr am 1. Januar 1970 bis zum angegebenen Datum (Zeichenfolge).
Sie müssen das Date-Objekt in JS verwenden, um Datum und Uhrzeit zu verarbeiten. Die verwendeten Methoden sind wie folgt:

Date.parse(timestr): 返回timestr的时间戳
var time = newDate(timestamp)   利用时间戳创建Date对象
Nach dem Login kopieren

Informationen zu Methoden von JavaScript-Datumsobjekten finden Sie unter: http://www.w3school .com.cn/js. ..
Die Zeitzeichenfolge wird bei Bedarf zusammengestellt. Sie müssen einen Weg finden, 0 hinzuzufügen. Es gibt viele Methoden online.

Das Folgende ist der Konvertierungsprozess:

Zeitzeichenfolge in Zeitstempel konvertieren

//mytime是待转换时间字符串,格式:'2018-9-12 9:11:23'
dateTmp = mytime.replace(/-/g,'/')   //为了兼容IOS,需先将字符串转换为'2018/9/11 9:11:23'
timestamp = Date.parse(dateTmp)    //返回'2018-9-12 9:11:23'的时间戳
Nach dem Login kopieren

Zeitstempel in Zeitzeichenfolge im erforderlichen Format konvertieren

    var dateFormat = function(timestamp){
        var time = newDate(timestamp)    //先将时间戳转为Date对象,然后才能使用Date的方法
        var year = time.getFullYear(),
            month = time.getMonth() + 1 ,  //月份是从0开始的
            day = time.getDate(),
            hour = time.getHours(),
            minute = time.getMinutes(),
            second = time.getSeconds()
            //add0()方法在后面定义
        return  year+'-'+this.add0(month)+'-'+ this.add0(day)+''+this.add0(hour)+':'+this.add0(minute)+':'+this.add0(second)  
        }
Nach dem Login kopieren

Methode zum Hinzufügen von 0 add0

Es gibt viele Möglichkeiten, 0 im Internet hinzuzufügen. Die von mir verwendete Methode ist wie folgt:

        var add0 = function(m){
        return m < 10 ? &#39;0&#39; + m: m
        }
Nach dem Login kopieren

Zusammenfassung

Sie müssen das Date-Objekt in JavaScript verstehen.
Sie müssen die Idee der String-Konvertierung verstehen: Das heißt, String--Zeitstempel---Datumsobjekt---Speichern Sie eine neue Zeichenfolge. Sobald Sie die Idee haben, wird es eine Selbstverständlichkeit sein.

Verwandte Empfehlungen:

js ruft die Zeit ab und konvertiert zwischen Zeichenfolgen und Zeitstempeln_Javascript-Fähigkeiten

Das obige ist der detaillierte Inhalt vonAnalyse der Konvertierungsmethode zwischen Zeitzeichenfolge und Zeitstempel in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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