社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > jQuery DateTime功能 - 完整列表

jQuery DateTime功能 - 完整列表

William Shakespeare
發布： 2025-03-03 00:56:10
原創
396 人瀏覽過

jQuery DATETIME Functions - Complete Listing

jQuery DateTime功能 - 完整列表

這是您將需要的唯一日期/時間jQuery函數。它的效果比其他任何日期/時間庫都更好，並且開銷最少，速度和準確性。 包括以下功能：獲取日期，轉換日期，有效日期，字符串到日期，leap年，比較日期，格式日期，時區和其他人的堆！ 下載jquery4u.datetime.js

鑰匙要點

  • > jQuery datetime功能的功能非常廣泛，提供了完整的日期和時間操作範圍，包括獲取日期，轉換日期，驗證日期和比較日期。
    • >這些功能還包括將日期字符串轉換為日期對象的功能，確定出發日期和退貨日期是否有效，並檢測一年是否是LEAP年。
  • > jquery4u.datetime.js庫還包括一個綜合日期格式函數，類似於PHP的日期函數，允許自定義日期格式。
    • 庫非常易於實現，其間接費用最小，可確保速度和準確性，使其比其他日期/時間庫成為首選選擇。
  • >
  • > jQuery日期/時間完成清單

經常詢問有關JavaScript DateTime功能的問題（常見問題解答）

在JavaScript，JavaScript，date（）和new Date（）中，JavaScript Date（）和new Date（）？但是，它們的功能不同。當您將date（）用作沒有“新”關鍵字的函數時，它將當前日期和時間作為字符串返回。另一方面，當您使用new Date（）時，它將返回一個新的日期對象，代表當前日期和時間。 
<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>
登入後複製
>

>我如何格式化JavaScript中的日期？

JavaScript提供了幾種格式化日期的方法。最常見的方法是使用TodateString（）函數，該函數將日期轉換為更可讀的格式。您還可以使用諸如TolocaledAteString（）或ToisoString（）之類的方法來格式化日期根據語言環境或ISO標準格式進行。

>

>我如何從Javascript中的日期添加或減去JavaScript的天數？

>






var> var = new date（）; date.setDate（date.getDate（）5）; >如何比較JavaScript中的兩個日期？

在JavaScript中，您可以使用標準比較操作員比較兩個日期（==，！=，！=，， =）。但是，重要的是要注意，這些操作員比較日期對象，而不是實際日期。要比較自己的日期，您應該使用getTime（）方法。最簡單的方法是創建一個新的日期對象而無需任何參數，這將代表當前日期和時間。然後，您可以使用諸如gethours（），getminutes（）和getEconds（）之類的方法來獲取當前時間。

>

>如何將字符串轉換為JavaScript中的日期？您可以將字符串傳遞給日期構造函數，它將嘗試對其進行解析。但是，重要的是要注意，解析取決於字符串的格式，並且可能無法按照所有格式的預期工作。

>

>我如何在JavaScript的一周中獲得JavaScript的一天？

javaScript，提供了GetDay（getDay（）方法，哪些是在周日為周日，每週為周日，週一和周一）的方法。要獲取當天的名字，您可以創建一系列名稱並將數字用作索引。

>

>我如何檢查一年是javaScript中的leap嗎？

>

>

一年是否是javascript中的leap年，您是否可以使用每年的leap，否則不適合100歲，但要劃分100，因為它是可分配的，因為它是劃分的。除多年以外的100個均勻排除的年份外，被400分均勻的年份均勻分別為4。這將為您提供毫秒的差異。然後，您可以根據需要將其轉換為幾天，小時，分鐘或秒。

>如何在JavaScript中設置特定的日期和時間？

>以將特定的日期和時間設置為JavaScript，您可以通過年度，月，每月，每日，每小時，小時，小時和第二秒鐘作為參數作為參與日期的構造者。請注意，該月為零，因此1月0日，2月1日，依此類推。

以上是jQuery DateTime功能 - 完整列表的詳細內容。更多資訊請關注PHP中文網其他相關文章！

上一篇：用於加載圖像的AjaxSetup 下一篇：JSON互操作性示例
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
3
2878
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
11
3060
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
2511
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
2451
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
2482
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板