Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript generiert eine Zeitliste innerhalb eines angegebenen Bereichs

亚连
Freigeben: 2018-05-25 17:32:43
Original
1498 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die detaillierte Idee von JavaScript vor, eine Zeitliste innerhalb eines bestimmten Bereichs zu erstellen. Freunde, die sie benötigen, können darauf verweisen.

Wenn Sie auf ein Szenario stoßen, müssen Sie alles abrufen Tag innerhalb des angegebenen Zeitbereichs, der dem Format entspricht. „JJJJMMTT“, einfache Funktionen, einfache Ideen

Vorbereitung

Datumsobjekte haben viele Methoden Folgendes wird verwendet:

new date () generiert ein Datumsobjekt. Sie können Jahr, Monat, Tag usw. direkt angeben, neues Datum (Jahr, Monat, Tag)

getFullYear() gibt das Jahr im Datumsobjekt zurück

getMonth( ) Gibt den Monat (0~11) im Datumsobjekt zurück, beachten Sie, dass die Zählung bei 0 beginnt

getDate() gibt den Tag zurück Beachten Sie im Datumsobjekt, dass die Zählung bei 1 beginnt

getTime() gibt 1970 zurück. Die Anzahl der Millisekunden vom 1. Januar bis zum Datumsobjekt

Analysieren des angegebenen Bereichs

gibt an, dass die Zeit gemäß der Formatzeichenfolge JJJJ-MM-TT eingegeben werden soll. Bereich, aufgeteilt, um das Jahr, den Monat und den Tag der Start- und Endzeit zu erhalten, und dann generieren entsprechendes Datumsobjekt, um die Anzahl der Millisekunden zu erhalten

 let st = start.split('-');
 let et = end.split('-');
 let startTime = new Date(st[0],st[1]-1,st[2]).getTime();
 let endTime = new Date(et[0],et[1]-1,et[2]).getTime();
Nach dem Login kopieren

Hinweis: Der Monat muss um 1 subtrahiert werden, da er bei 0 beginnt

Jeden Tag abrufen

Wie erkennt man, welche Tage innerhalb des Zeitbereichs liegen? Das Obige zeigt die Anzahl der Millisekunden zwischen der Start- und Endzeit von 1970.1.1. Jeder Tag hat 24 * 60 * 60 * 1000 Millisekunden, sodass wir jeden Tag anhand der Anzahl der Millisekunden berechnen können

  for( let i = startTime ; i <= endTime ; ){
    res.push(formatTime(i,&#39;&#39;));
    i += 24 * 60 * 60 * 1000;
  }
Nach dem Login kopieren

Formatierte Ausgabe

Formatieren Sie die Uhrzeit, fügen Sie 0 zu den einzelnen Ziffern hinzu und fügen Sie das angegebene Trennzeichen hinzu

function formatTime(time,spliter = &#39;-&#39;){
  let date = new Date(time);
  let year = date.getFullYear();
  let month = (date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : &#39;0&#39; + (date.getMonth() + 1);
  let day = date.getDate() >= 10 ? date.getDate() : &#39;0&#39; + date.getDate();
  return `${year}${spliter}${month}${spliter}${day}
}
Nach dem Login kopieren

Überprüfen

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

React+ajax+java implementiert das Hochladen von Bildern und Vorschaufunktionen (grafisches Tutorial)

Implementierung der AngularJS-Registerkartenleiste Und mvc small case (grafisches Tutorial)

Ein Beispiel für das Hochladen einer Datei mit Fortschrittsbalkeneffekt basierend auf fileUpload

Das obige ist der detaillierte Inhalt vonJavaScript generiert eine Zeitliste innerhalb eines angegebenen Bereichs. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!