In diesem Artikel wird der spezifische Code für JavaScript zur Erzielung des Zeitbereichseffekts zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Zeitraum vor dem aktuellen Zeitpunkt (vor sechs Monaten)Rendern js-Datei-Codeausschnitt /*Abfragedatumsbereich (aktuelle Zeit vorwärts) Hinzufügen von Vivian 04.12.2020 */ //rangeVal: das Trennzeichen zwischen zwei Daten num: das Intervall timeType: der Zeittyp Funktion funGetRangeDateByLess(rangeVal,num,timeType){ var returnVal=""; var anderesVal=""; var andereZeit=""; var curTime = neues Datum(); var curTimeVal = curTime.getFullYear() + '-' + PrefixZero((curTime.getMonth() + 1), 2) + '-' + PrefixZero(curTime.getDate(), 2); Schalter (Zeittyp) { Fall 1://var addMinutes = curTime.setMinutes(curTime.getMinutes() - num); andereZeit=neues Datum(Minuten hinzufügen); brechen; Fall 2://var addMinutes = curTime.setHours(curTime.getHours() - num); andereZeit=neues Datum(Minuten hinzufügen); brechen; Fall 3://Tagvar addDate = curTime.setDate(curTime.getDate() - num); andereZeit=neues Datum(addDate); brechen; Fall 4://Monatvar addMonth = curTime.setMonth(curTime.getMonth() - num); andereZeit=neues Datum(Monat hinzufügen); brechen; Fall 5://Jahrvar addYear = curTime.setFullYear(curTime.getFullYear() - num); andereZeit=neues Datum(addYear); brechen; Standard: brechen; } otherVal = otherTime.getFullYear() + '-' + PrefixZero((otherTime.getMonth() + 1), 2) + '-' + PrefixZero(otherTime.getDate(), 2); Rückgabewert = anderer Wert + Bereichswert + aktueller Zeitwert; } /*Null automatisch ausfüllen. Von Vivian hinzugefügt am 04.12.2020 */ Funktion PräfixZero(num, n) { gibt an, dass Array(n).join(0) + num).slice(-n); } Verwenden von Codeausschnitten var fillhelptime=funGetRangeDateByLess(" , ",6,4); laydate.render({ Element: "#fillhelptime", Reichweite: ",", Typ: "Datum", Wert:fillhelptime, //Standardwert }); Der Zeitraum eines Datums (wie viele Tage davor und danach) Rendern js-Datei-Codeausschnitt /*Abfrage des Datumsbereichs (wie viele Tage vor und nach einem bestimmten Datum) Add By Vivian 2021/04/06 */ //rangeVal: das Trennzeichen zwischen zwei Datendate: ein bestimmtes DatumbeforeDays: die ersten N TageafterDays: die letzten N Tagefunction funGetRangeDateByBeforeAndAfter(rangeVal,date,beforeDays,afterDays){ var dateVaule1 = new Date(date);//In Zeitformat konvertieren var dateVaule2 = new Date(date);//In Zeitformat konvertieren var startDate = new Date(dateVaule1.setDate(dateVaule1.getDate() - beforeDays));//Erste N Tage var endDate = new Date(dateVaule2.setDate(dateVaule2.getDate() + afterDays));//Spätere N Tage var date1 = startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2); var date2 = endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2); var returnVal=Datum1+Bereichswert+Datum2; Rückgabewert zurückgeben; } /*Null automatisch ausfüllen. Von Vivian hinzugefügt am 04.12.2020 */ Funktion PräfixZero(num, n) { gibt an, dass Array(n).join(0) + num).slice(-n); } Der Zeitraum eines bestimmten Zeitpunktes (wie viele Tage davor und danach)Rendern js-Datei-Codeausschnitt /*Abfrage des Datumsbereichs (wie viel Zeit vor und nach einem bestimmten Zeitpunkt) Hinzufügen von Vivian 06.04.2021 */ //rangeVal: das Trennzeichen zwischen zwei Daten timeType: der Zeittyp dazwischen date: ein bestimmtes Datum beforeDays: die ersten N Tage afterDays: die letzten N Tage function funGetRangeDateByBeforeAndAfter(rangeVal,timeType,date,beforeNum,afterNum){ var dateVaule1 = new Date(date);//In Zeitformat konvertieren var dateVaule2 = new Date(date);//In Zeitformat konvertieren var startDate = ""; var endDate = ""; Schalter (Zeittyp) { Fall 1:://Startdatum = neues Datum (Datumswert1.setMinutes (Datumswert1.getMinutes () - vorAnzahl));//Erste N MinutenEnddatum = neues Datum (Datumswert2.setMinutes (Datumswert2.getMinutes () + nachAnzahl));//Nach N MinutenPause; Fall 2:://Startdatum = neues Datum (Datumswert1.setHours (Datumswert1.getHours () - VorAnzahl));//Erste N StundenEnddatum = neues Datum (Datumswert2.setHours (Datumswert2.getHours () + NachAnzahl));//Nach N StundenPause; Fall 3: //TageStartdatum = neues Datum (Datumswert1.Datumseinstellung(Datumswert1.Datumseinstellung() - VorAnzahl));//Erste N TageEnddatum = neues Datum (Datumswert2.Datumseinstellung(Datumswert2.Datumseinstellung() + NachAnzahl));//Nach N TagenPause; Fall 4:://MonatStartdatum = neues Datum (Datumswert1.Monatssatz(Datumswert1.Monatssatz() - VorAnzahl));//erste N MonateEnddatum = neues Datum (Datumswert2.Monatssatz(Datumswert2.Monatssatz() + NachAnzahl));//nach N MonatenPause; Fall 5:://yearstartDate = neues Datum (dateVaule1.setFullYear (dateVaule1.getFullYear() - beforeNum));//Erste N JahreendDate = neues Datum (dateVaule2.setFullYear (dateVaule2.getFullYear() + afterNum));//Nach N Jahrenvar addYear = curTime.setFullYear (curTime.getFullYear() - num); brechen; Standard: brechen; } var returnVal1 = startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2); var returnVal2 = endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2); var returnVal=returnVal1+rangeVal+returnVal2; Rückgabewert zurückgeben; } /*Null automatisch ausfüllen. Von Vivian hinzugefügt am 04.12.2020 */ Funktion PräfixZero(num, n) { gibt an, dass Array(n).join(0) + num).slice(-n); } Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Allgemeine Betriebsbefehle von MySQL im Linux-System
>>: nginx generiert automatisch Konfigurationsdateien im Docker-Container
Docker-Daemon-Socket Der Docker-Daemon kann über ...
<br />Die Benutzererfahrung wird von chinesi...
Standardmäßig wird PHP unter CentOS 7 als Apache ...
Logo-Optimierung: 1. Das Logobild sollte so klein...
1. Chinesische Eingabemethode einrichten 2. Stell...
Da die gesamte Anwendung unter CentOS bereitgeste...
Inhaltsverzeichnis Tomcat-Einführung Tomcat-Berei...
CSS3 kann die Farbe von Bildern ändern. Ab sofort...
1. Proto kompilieren Erstellen Sie einen neuen Pr...
1. Ändern Sie die Firewall-Einstellungen und öffn...
Mysql legt den Booleschen Typ fest 1. Tinyint-Typ...
In allgemeinen Anwendungen verwenden wir die Type...
Dieser Artikel stellt den Implementierungscode vo...
Damit die Tabelle nicht zu kompakt wirkt, kann zw...
Manchmal müssen wir steuern, ob HTML-Elemente auf ...