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 Erläuterung der Anwendungsszenarien von Filtern in Vue

filter werden im Allgemeinen verwendet, um bestim...

Einführung in die UFW-Firewall unter Linux

Werfen wir einen Blick auf ufw (Uncomplicated Fir...

Lösung für das Problem des achtstündigen Unterschieds bei der MySQL-Einfügezeit

Lösen Sie das Problem des achtstündigen Zeitunter...

202 kostenlose, hochwertige XHTML-Vorlagen (1)

Hier präsentiert 123WORDPRESS.COM den ersten Teil...

So schreiben Sie ein MySQL-Sicherungsskript

Vorwort: Die Bedeutung einer Datenbanksicherung l...

Detaillierte Erklärung zur Formatierung von Zahlen in MySQL

Aus beruflichen Gründen musste ich kürzlich Zahle...

Zusammenfassung mehrerer APIs oder Tipps in HTML5, die Sie nicht verpassen sollten

In früheren Blogbeiträgen habe ich mich auf einige...

Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL

Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...

TypeScript-Lernhinweise: Typeingrenzung

Inhaltsverzeichnis Vorwort Typinferenz Einengung ...