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

So aktivieren Sie den Fernzugriff in Docker

Docker-Daemon-Socket Der Docker-Daemon kann über ...

Rankings zur Benutzerfreundlichkeit chinesischer Websites

<br />Die Benutzererfahrung wird von chinesi...

So installieren Sie suPHP für PHP5 auf CentOS 7 (Peng Ge)

Standardmäßig wird PHP unter CentOS 7 als Apache ...

Vorschläge zur Optimierung der Webseiten-Kopfzeile

Logo-Optimierung: 1. Das Logobild sollte so klein...

Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode

1. Chinesische Eingabemethode einrichten 2. Stell...

Lösen Sie das MySQL-Login-1045-Problem unter CentOS

Da die gesamte Anwendung unter CentOS bereitgeste...

Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

CSS3 kann die Farbe von Bildern ändern. Ab sofort...

Grafische Erklärung des Funktionsaufrufs der Protodatei in Vue

1. Proto kompilieren Erstellen Sie einen neuen Pr...

So richten Sie ein Bereitstellungsprojekt unter einem Linux-System ein

1. Ändern Sie die Firewall-Einstellungen und öffn...

Mysql setzt Boolesche Typoperationen

Mysql legt den Booleschen Typ fest 1. Tinyint-Typ...

CSS-Implementierungscode für verzerrte Schatten

Dieser Artikel stellt den Implementierungscode vo...

Tutorial zur HTML-Tabellenauszeichnung (9): Zellabstandsattribut CELLSPACING

Damit die Tabelle nicht zu kompakt wirkt, kann zw...

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

Manchmal müssen wir steuern, ob HTML-Elemente auf ...