JavaScript zum Erzielen eines Zeitbereichseffekts

JavaScript zum Erzielen eines Zeitbereichseffekts

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:
  • JavaScript generiert eine Zeitliste eines angegebenen Bereichs
  • Extjs Zeitbereichsauswahl Automatischer Beurteilungsimplementierungscode

<<:  Allgemeine Betriebsbefehle von MySQL im Linux-System

>>:  nginx generiert automatisch Konfigurationsdateien im Docker-Container

Artikel empfehlen

Detaillierte Erklärung des digitalen Puzzles CocosCreator Huarongdao

Inhaltsverzeichnis Vorwort Text 1. Panel 2. Huaro...

Detaillierte Erklärung zum MySQL-Dateispeicher

Was ist ein Dateisystem Wir wissen, dass Speicher...

VUE führt die Implementierung der Verwendung von G2-Diagrammen ein

Inhaltsverzeichnis Über G2 Chart verwenden Vollst...

Das Laufschrift-Tag in HTML erzielt einen nahtlosen Laufschrift-Effekt

Das <marquee>-Tag ist ein Tag, das paarweis...

Analyse der Implementierung der MySQL-Anweisungssperre

Zusammenfassung: Analyse von zwei MySQL SQL-Anwei...

Einfaches Grafik-Tutorial zur Verwendung von Adobe Brackets

Adobe Brackets ist eine Open Source-, einfache un...

Lösen Sie das Docker.Socket-Berechtigungsproblem des VSCode-Docker-Plugins

Lösung: Beenden Sie alle mit .vscode in Zusammenh...

Detaillierte Erklärung zur Verwendung von Join in Mysql

In den vorherigen Kapiteln haben wir gelernt, wie...

Detaillierte Erklärung des Sidecar-Modus in Docker Compose

Inhaltsverzeichnis Was ist Docker Compose Anforde...