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

Tiefgreifendes Verständnis der Verwendung von CSS clear:both

clear:both wird zum清除浮動Das ist der Eindruck, den ...

So stellen Sie ElasticSearch in Docker bereit

1. Was ist ElasticSearch? Elasticsearch wird eben...

Super detaillierte grundlegende JavaScript-Syntaxregeln

Inhaltsverzeichnis 01 JavaScript (abgekürzt: js) ...

HTML-Multimediaanwendung: Einfügen von Flash-Animationen und Musik in Webseiten

1. Anwendung von Multimedia in HTML_Flash-Animati...

JavaScript zum Implementieren einer dynamischen Digitaluhr

In diesem Artikel finden Sie den spezifischen Cod...

Implementierung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Einstellungen für die Transaktionsisolationsebene...

Detaillierte Erklärung, wie Sie alle untergeordneten Elemente mit CSS auswählen

Wie wähle ich mit CSS rekursiv alle untergeordnet...

Ubuntu MySQL-Version auf 5.7 aktualisiert

Vor einigen Tagen teilte die Bibliothek mit, dass...

Verbesserung der Wirkung von Hyperlinks im Webdesign und in der Produktion

Hyperlinks ermöglichen es Benutzern, sofort von ei...