Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JQuery DateTime -Funktionen - Vollständige Auflistung

JQuery DateTime -Funktionen - Vollständige Auflistung

William Shakespeare
Freigeben： 2025-03-03 00:56:10
Original
395 Leute haben es durchsucht

jQuery DATETIME Functions - Complete Listing

JQuery DateTime -Funktionen - Vollständige Auflistung

Dies ist das einzige Datum/Uhrzeit, den Sie jemals benötigen werden. Es funktioniert besser als jedes andere Datums-/Uhrzeitbibliotheken und verfügt über minimale Gemeinkosten, garantierte Geschwindigkeit und Genauigkeit. Beinhaltet Funktionen zu: Datum erhalten, Datum, gültiges Datum, String bisher, Schaltjahr, Datum, Formatdatum, Zeitzone und Haufen anderer vergleichen !!! Laden Sie jQuery4u.datetime.js herunter

Key Takeaways

  • JQuery DateTime -Funktionen sind unglaublich vielseitig und bieten eine vollständige Auswahl an Datums- und Uhrzeitmanipulationen, einschließlich des Datums, das Konvertieren von Daten, die Validierung von Daten und das Vergleich von Daten.
  • Die Funktionen enthalten auch Funktionen zum Umwandeln von Datumszeichenfolgen, bestimmen, ob ein Abflug und ein Rückgabedatum gültig sind, und erkennen, ob ein Jahr ein Schaltjahr ist.
  • Die Bibliothek von JQuery4U.Datetime.js enthält auch eine umfassende Datumsformatierungsfunktion, ähnlich der Datum der PHP, die benutzerdefinierte Datumsformate zulässt.
  • Die Bibliothek ist einfach zu implementieren, wobei ein minimaler Overhead Geschwindigkeit und Genauigkeit gewährleistet, was sie zu einer bevorzugten Wahl gegenüber anderen Datums-/Uhrzeitbibliotheken macht.

jQuery Datum/Uhrzeit vollständiger Auflistung 

<span>/*___ FILE: "JQUERY4U.datetime.js" ___*/
</span><span>;(function($)
</span><span>{
</span>    <span>/**
</span><span>     * jQuery Date and time functions - Complete List
</span><span>     */
</span>    <span>var JQUERY4U = JQUERY4U || {};
</span>    <span>JQUERY4U.DATETIME =
</span>    <span>{
</span>        <span>/**
</span><span>         * Name of this class (used for error handling and/or debugging purposes)
</span><span>         * <span>@type String
</span></span><span>         */
</span>        <span>name: 'JQUERY4U.DATETIME',
</span>
        <span>init: function()
</span>        <span>{
</span>            <span>JQUERY4U.UTIL.handleErrors(this);
</span>            <span>Date.prototype.<span>JQUERY4UFormat</span> = this.format;
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return today's date in dd/mm/yyyy format
</span><span>         * <span>@returns <span>{String}</span> Date in dd/mm/yyyy format
</span></span><span>         */
</span>        <span>todaysDate: function()
</span>        <span>{
</span>            <span>return this.futureDateDays(0);
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return tomorrow's date in dd/mm/yyyy format
</span><span>         * <span>@returns <span>{String}</span> Date in dd/mm/yyyy format
</span></span><span>         */
</span>        <span>tomorrowsDate: function()
</span>        <span>{
</span>            <span>return this.futureDateDays(1);
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return date 7 days from now in dd/mm/yyyy format
</span><span>         * <span>@returns <span>{String}</span> Date in dd/mm/yyyy format
</span></span><span>         */
</span>        <span>weekFromToday: function()
</span>        <span>{
</span>            <span>return this.futureDateDays(7);
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return the first day of the next month
</span><span>         * <span>@returns <span>{String}</span> Date in dd/mm/yyyy format
</span></span><span>         */
</span>        <span>firstDayNextMonth: function()
</span>        <span>{
</span>            <span>var today = new Date();
</span>            nextMonth <span>= new Date(today.getFullYear(), today.getMonth() + 1, 1);
</span>            nextMonth<span>.getDate() +'/'+ (nextMonth.getMonth() + 1) +'/'+ nextMonth.getFullYear();
</span>            <span>return this.leadingZero(nextMonth.getDate()) +'/'+ this.leadingZero(nextMonth.getMonth() + 1) +'/'+ nextMonth.getFullYear();
</span>        <span>},
</span>
        <span>/**
</span><span>         * Returns x number of dates date in the future in dd/mm/yyyy format
</span><span>         * <span>@param <span>{Integer}</span> days Number of days into the future
</span></span><span>         * <span>@returns <span>{String}</span> Date in dd/mm/yyyy format
</span></span><span>         */
</span>        <span>futureDateDays: function(days)
</span>        <span>{
</span>            <span>var futureDate = new Date();
</span>            futureDate<span>.setDate(futureDate.getDate() + days);
</span>            <span>return this.leadingZero(futureDate.getDate()) +'/'+ this.leadingZero(futureDate.getMonth() + 1) +'/'+ this.leadingZero(futureDate .getFullYear());
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return the current time in HHMM format
</span><span>         * <span>@returns <span>{String}</span> Time in HHMM (e.g. 23:12) format
</span></span><span>         */
</span>        <span>timeHHMM: function()
</span>        <span>{
</span>            <span>var today = new Date();
</span>            <span>return this.leadingZero(today.getHours()) + this.leadingZero(today.getMinutes());
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return the current time in HHMMSS format
</span><span>         * <span>@returns <span>{String}</span> Time in HHMMSS (e.g. 23:12:33) format
</span></span><span>         */
</span>        <span>timeHHMMSS: function()
</span>        <span>{
</span>            <span>var today = new Date();
</span>            <span>return this.leadingZero(today.getHours()) +':'+ this.leadingZero(today.getMinutes()) +':'+ this.leadingZero(today.getSeconds());
</span>        <span>},
</span>
        <span>/**
</span><span>         * Takes a date string in Australian format and returns date string in US format
</span><span>         * <span>@param <span>{String}</span> dateStr Date in dd/mm/yyyy format
</span></span><span>         * <span>@param <span>{String}</span> <span>[separator=<span>"-"</span>]</span> separator character in return date string
</span></span><span>         * <span>@returns <span>{String}</span> date in mm/dd/yyyy format
</span></span><span>         */
</span>        <span>convertUSFormat: function(dateStr<span>, separator</span>)
</span>        <span>{
</span>            <span>var separator = (typeof(separator) == 'undefined') ? '-' : separator;
</span>            <span>var re = new RegExp('([0-9]{2})/([0-9]{2})/([0-9]{4})', 'm');
</span>            <span>var matches = re.exec(dateStr);
</span>            <span>return matches[2] + separator + matches[1] + separator + matches[3];
</span>        <span>},
</span>
        <span>/**
</span><span>         * Convert date in mm/dd/yyyy format and return in dd-mm-yyyy format (depending upon separator)
</span><span>         * <span>@param <span>{String}</span> dateStr Date in mm/dd/yyyy format
</span></span><span>         * <span>@param <span>{String}</span> <span>[separator=<span>"-"</span>]</span> Separator character in return date string
</span></span><span>         * <span>@returns <span>{String}</span> Date in mm-dd-yyyy format (presuming "-" is separator character)
</span></span><span>         */
</span>        <span>convertUStoAUSDate: function(dateStr<span>, separator</span>)
</span>        <span>{
</span>            <span>var separator = (typeof(separator) == 'undefined') ? '-' : separator;
</span>            <span>var re = new RegExp('([0-9]{2})/([0-9]{2})/([0-9]{4})', 'm');
</span>            <span>var matches = re.exec(dateStr);
</span>            <span>return matches[2] + separator + matches[1] + separator + matches[3];
</span>        <span>},
</span>
        <span>/**
</span><span>         * Return whether the supplied date components form the expected date
</span><span>         * <span>@param <span>{String}</span> year
</span></span><span>         * <span>@param <span>{String}</span> month
</span></span><span>         * <span>@param <span>{String}</span> day
</span></span><span>         * <span>@returns <span>{Boolean}</span> True if the date components match the date values in Date object
</span></span><span>         */
</span>        <span>isValidDate: function(year<span>, month, day</span>)
</span>        <span>{
</span>            <span>var dt = new Date(parseInt(year, 10), parseInt(month, 10)-1, parseInt(day, 10));
</span>            <span>if(dt.getDate() != parseInt(day, 10) || dt.getMonth() != (parseInt(month, 10)-1) || dt.getFullYear() != parseInt(year, 10))
</span>            <span>{
</span>                <span>return false;
</span>            <span>}
</span>
            <span>return true;
</span>        <span>},
</span>
        <span>/**
</span><span>         * Takes a date object and returns in yyyymmdd format
</span><span>         * <span>@param <span>{Date Object}</span> dateObj
</span></span><span>         * <span>@returns <span>{String}</span> Date in yyyymmdd format
</span></span><span>         */
</span>        <span>dateToYYYYMMDD: function(dateObj)
</span>        <span>{
</span>            <span>return  (dateObj.getFullYear() + this.leadingZero(dateObj.getMonth() + 1) + this.leadingZero(dateObj.getDate())).toString();
</span>        <span>},
</span>
        <span>/**
</span><span>         * Takes a date object and returns in ddmmyyyy format
</span><span>         * <span>@param <span>{Date Object}</span> dateObj
</span></span><span>         * <span>@returns <span>{String}</span> Date in ddmmyyyy format
</span></span><span>         */
</span>        <span>dateToDDMMYYYY: function(dateObj)
</span>        <span>{
</span>            <span>return  (this.leadingZero(dateObj.getDate()) + this.leadingZero(dateObj.getMonth() + 1) + dateObj.getFullYear()).toString();
</span>        <span>},
</span>
        <span>/**
</span><span>         * Takes a date string in dd/mm/yyyy format
</span><span>         * <span>@param <span>{String}</span> dateString Date in dd/mm/yyyy format
</span></span><span>         * <span>@returns <span>{Date Object}</span> Returns false if date sring is invalid
</span></span><span>         */
</span>        <span>stringToDate: function(dateString)
</span>        <span>{
</span>            <span>try
</span>            <span>{
</span>                <span>var matches = dateString.match(/([0-9]{2})/([0-9]{2})/([0-9]{4})/);
</span>                <span>if(this.isValidDate(matches[3], matches[2], matches[1]) === false)
</span>                <span>{
</span>                    <span>return false;
</span>                <span>}
</span>
                <span>return new Date(matches[3], parseInt(matches[2], 10)-1, parseInt(matches[1], 10));
</span>            <span>}
</span>            <span>catch(e)
</span>            <span>{
</span>                <span>return false;
</span>            <span>}
</span>        <span>},
</span>
        <span>/**
</span><span>         * Adds leading zero if passed value is single digit
</span><span>         * <span>@param <span>{String}</span> val
</span></span><span>         * <span>@returns <span>{String}</span>
</span></span><span>         */
</span>        <span>leadingZero: function(val)
</span>        <span>{
</span>            <span>var str = val.toString();
</span>            <span>if(str.length == 1)
</span>            <span>{
</span>                str <span>= '0' + str;
</span>            <span>}
</span>
            <span>return str;
</span>        <span>},
</span>
        <span>/**
</span><span>         * Checks if return date is equal or after departure date
</span><span>         * <span>@param <span>{String}</span> departureDate
</span></span><span>         * <span>@param <span>{String}</span> returnDate
</span></span><span>         * <span>@returns <span>{Boolean}</span>
</span></span><span>         */
</span>        <span>isDepartureReturnDateValid: function(departureDate<span>, returnDate</span>)
</span>        <span>{
</span>            <span>var dep = this.stringToDate(departureDate);
</span>            <span>var ret = this.stringToDate(returnDate);
</span>            <span>if(dep > ret)
</span>            <span>{
</span>                <span>return false;
</span>            <span>}
</span>
            <span>return true;
</span>        <span>},
</span>
        <span>/**
</span><span>         * Detect whether the year supplied is a leap year
</span><span>         * <span>@param <span>{Integer}</span> year
</span></span><span>         * <span>@returns <span>{Boolean}</span>
</span></span><span>         */
</span>        <span>isLeapYear: function(year)
</span>        <span>{
</span>            year <span>= parseInt(year, 10);
</span>            <span>if(year % 4 == 0)
</span>            <span>{
</span>                <span>if(year % 100 != 0)
</span>                <span>{
</span>                    <span>return true;
</span>                <span>}
</span>                <span>else
</span>                <span>{
</span>                    <span>if(year % 400 == 0)
</span>                    <span>{
</span>                        <span>return true;
</span>                    <span>}
</span>                    <span>else
</span>                    <span>{
</span>                        <span>return false;
</span>                    <span>}
</span>                <span>}
</span>            <span>}
</span>            <span>return false;
</span>        <span>},
</span>
        <span>compareDates: function(<span>from, to</span>)
</span>        <span>{
</span>            <span>var dateResult = to.getTime() - from.getTime();
</span>            <span>var dateObj = {};
</span>            dateObj<span>.weeks =  Math.round(dateResult/(1000 * 60 * 60 * 24 * 7));
</span>            dateObj<span>.days = Math.ceil(dateResult/(1000 * 60 * 60 * 24));
</span>            dateObj<span>.hours = Math.ceil(dateResult/(1000 * 60 * 60));
</span>            dateObj<span>.minutes = Math.ceil(dateResult/(1000 * 60));
</span>            dateObj<span>.seconds = Math.ceil(dateResult/(1000));
</span>            dateObj<span>.milliseconds = dateResult;
</span>            <span>return dateObj;
</span>        <span>},
</span>
        <span>compareDatesDDMMYYYY: function(<span>from, to</span>)
</span>        <span>{
</span>            <span>from = from.split('/');
</span>            <span>from = new Date(from[2], from[1], from[0]);
</span>            to <span>= to.split('/');
</span>            to <span>= new Date(to[2], to[1], to[0]);
</span>            <span>return this.compareDates(from, to);
</span>        <span>},
</span>
        <span>/**
</span><span>         * Allow nice formatting of dates like PHP's Date function
</span><span>         * Derived from code written by Jac Wright at http://jacwright.com/projects/javascript/date_format
</span><span>         * <span>@param <span>{Date}</span> date JavaScript date object
</span></span><span>         * <span>@param <span>{String}</span> format Date format string
</span></span><span>         * <span>@returns <span>{String}</span>
</span></span><span>         */
</span>        <span>format: function()
</span>        <span>{
</span>            <span>var date,
</span>                format<span>,
</span>                args <span>= [].slice.call(arguments),
</span>                returnStr <span>= '',
</span>                curChar <span>= '',
</span>                months <span>= ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
</span>                days <span>= ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
</span>                methods <span>=
</span>                <span>{
</span>                    <span>// Day
</span>                    <span>d: function() { return (date.getDate() < 10 ? '0' : '') + date.getDate(); },
</span>                    <span><span>D</span>: function() { return days[date.getDay()].substring(0, 3); },
</span>                    <span>j: function() { return date.getDate(); },
</span>                    <span>l: function() { return days[date.getDay()]; },
</span>                    <span><span>N</span>: function() { return date.getDay() + 1; },
</span>                    <span><span>S</span>: function() { return (date.getDate() % 10 == 1 && date.getDate() != 11 ? 'st' : (date.getDate() % 10 == 2 && date.getDate() != 12 ? 'nd' : (date.getDate() % 10 == 3 && date.getDate() != 13 ? 'rd' : 'th'))); },
</span>                    <span>w: function() { return date.getDay(); },
</span>
                    <span>// Month
</span>                    <span><span>F</span>: function() { return months[date.getMonth()]; },
</span>                    <span>m: function() { return (date.getMonth() < 9 ? '0' : '') + (date.getMonth() + 1); },
</span>                    <span><span>M</span>: function() { return months[date.getMonth()].substring(0, 3); },
</span>                    <span>n: function() { return date.getMonth() + 1; },
</span>                    <span><span>Y</span>: function() { return date.getFullYear(); },
</span>                    <span>y: function() { return ('' + date.getFullYear()).substr(2); },
</span>
                    <span>// Time
</span>                    <span>a: function() { return date.getHours() < 12 ? 'am' : 'pm'; },
</span>                    <span><span>A</span>: function() { return date.getHours() < 12 ? 'AM' : 'PM'; },
</span>                    <span>g: function() { return date.getHours() % 12 || 12; },
</span>                    <span><span>G</span>: function() { return date.getHours(); },
</span>                    <span>h: function() { return ((date.getHours() % 12 || 12) < 10 ? '0' : '') + (date.getHours() % 12 || 12); },
</span>                    <span><span>H</span>: function() { return (date.getHours() < 10 ? '0' : '') + date.getHours(); },
</span>                    <span>i: function() { return (date.getMinutes() < 10 ? '0' : '') + date.getMinutes(); },
</span>                    <span>s: function() { return (date.getSeconds() < 10 ? '0' : '') + date.getSeconds(); },
</span>
                    <span>// Timezone
</span>                    <span><span>O</span>: function() { return (-date.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(date.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(date.getTimezoneOffset() / 60)) + '00'; },
</span>                    <span><span>P</span>: function() { return (-date.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(date.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(date.getTimezoneOffset() / 60)) + ':' + (Math.abs(date.getTimezoneOffset() % 60) < 10 ? '0' : '') + (Math.abs(date.getTimezoneOffset() % 60)); },
</span>                    <span><span>T</span>: function() { var m = date.getMonth(); date.setMonth(0); var result = date.toTimeString().replace(<span>/<span>^.+ (?(<span>[^)]</span>+))?$</span>/</span>, ''); date.setMonth(m); return result;},
</span>                    <span><span>Z</span>: function() { return -date.getTimezoneOffset() * 60; },
</span>
                    <span>// Full Date/Time
</span>                    <span>c: function() { return date.format("Y-m-d") + "T" + date.format("H:i:sP"); },
</span>                    <span>r: function() { return date.toString(); },
</span>                    <span><span>U</span>: function() { return date.getTime() / 1000; }
</span>                <span>};
</span>
            <span>if(typeof this.getMonth == 'function')
</span>            <span>{
</span>                date <span>= this;
</span>                format <span>= args[0];
</span>            <span>}
</span>            <span>else
</span>            <span>{
</span>                date <span>= args[0];
</span>                format <span>= args[1];
</span>            <span>}
</span>
            <span>for(var i = 0; i < format.length; i++)
</span>            <span>{
</span>                <span>var curChar = format.charAt(i);
</span>                <span>if(methods[curChar])
</span>                <span>{
</span>                    returnStr <span>+= methods[curChar].call();
</span>                <span>}
</span>                <span>else
</span>                <span>{
</span>                    returnStr <span>+= curChar;
</span>                <span>}
</span>            <span>}
</span>            <span>return returnStr;
</span>        <span>}
</span>    <span>};
</span>
    <span>JQUERY4U.DATETIME.init();
</span><span>})(jQuery);</span>
Nach dem Login kopieren

häufig gestellte Fragen (FAQs) zu JavaScript DateTime -Funktionen

Was ist der Unterschied zwischen JavaScript Datum () und neuem Datum ()? Sie funktionieren jedoch anders. Wenn Sie Datum () als Funktion ohne das Schlüsselwort "neu" verwenden, gibt es das aktuelle Datum und die aktuelle Uhrzeit als Zeichenfolge zurück. Wenn Sie jedoch ein neues Datum () verwenden, wird ein neues Datumsobjekt zurückgegeben, das das aktuelle Datum und die aktuelle Uhrzeit darstellt.

Wie kann ich ein Datum in JavaScript formatieren? Die häufigste Methode besteht darin, die Funktion für toDateString () zu verwenden, die ein Datum in ein lesbareres Format umwandelt. Sie können auch Methoden wie TolocaledateString () oder toiString () verwenden, um das Datum gemäß dem Gebietsschema bzw. im ISO -Standardformat zu formatieren. Um zum Beispiel 5 Tage zum aktuellen Datum hinzuzufügen, würden Sie den folgenden Code verwenden:

var date = new Date ();

Datum.setDate (Datum.GetDate () 5);

Wie kann ich zwei Daten in JavaScript vergleichen? Es ist jedoch wichtig zu beachten, dass diese Operatoren die Datumsobjekte vergleichen, nicht die tatsächlichen Daten. Um die Daten selbst zu vergleichen, sollten Sie sie in ein Standardformat umwandeln, wie z. B. die Anzahl der Millisekunden seit der Unix -Epoche (1. Januar 1970) mit der Methode GetTime (). Am einfachsten besteht die Erstellung eines neuen Datumsobjekts ohne Argumente, das das aktuelle Datum und die aktuelle Uhrzeit darstellt. Anschließend können Sie Methoden wie Gethours (), GetMinutes () und GetEconds () verwenden, um die aktuelle Zeit zu erhalten. Sie können die Zeichenfolge an den Datumskonstruktor übergeben, und es wird versuchen, sie zu analysieren. Es ist jedoch wichtig zu beachten, dass das Parsen vom Format der Zeichenfolge abhängt und möglicherweise nicht wie für alle Formate erwartet wird. Um den Namen des Tages zu erhalten, können Sie eine Reihe von Namen erstellen und die Nummer als Index verwenden. Durch 4 teilbar, mit Ausnahme von Jahren, die durch 100 gleichmäßig teilbar sind. Die bis 400 gleichmäßigen Jahre sind jedoch ebenfalls Schaltjahre. Dies gibt Ihnen den Unterschied in Millisekunden. Sie können dies dann nach Bedarf in Tage, Stunden, Minuten oder Sekunden umwandeln.

Wie kann ich ein bestimmtes Datum und eine bestimmte Uhrzeit in JavaScript festlegen? Beachten Sie, dass der Monat null basiert, so dass der Januar 0, Februar 1 ist und so weiter.

Das obige ist der detaillierte Inhalt vonJQuery DateTime -Funktionen - Vollständige Auflistung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Vorheriger Artikel：AjaxSetup zum Laden von Bild Nächster Artikel：Beispiel für JSON -Interoperabilität
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2878
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
3060
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2511
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
2451
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
2482
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage