目錄
jQuery DateTime功能 - 完整列表
鑰匙要點
- > 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的天數？>
在JavaScript中，您可以使用標準比較操作員比較兩個日期（==，！=，！=，， =）。但是，重要的是要注意，這些操作員比較日期對象，而不是實際日期。要比較自己的日期，您應該使用getTime（）方法。最簡單的方法是創建一個新的日期對象而無需任何參數，這將代表當前日期和時間。然後，您可以使用諸如gethours（），getminutes（）和getEconds（）之類的方法來獲取當前時間。
>>如何將字符串轉換為JavaScript中的日期？您可以將字符串傳遞給日期構造函數，它將嘗試對其進行解析。但是，重要的是要注意，解析取決於字符串的格式，並且可能無法按照所有格式的預期工作。
>>我如何在JavaScript的一周中獲得JavaScript的一天？
javaScript，提供了GetDay（getDay（）方法，哪些是在周日為周日，每週為周日，週一和周一）的方法。要獲取當天的名字，您可以創建一系列名稱並將數字用作索引。
>>我如何檢查一年是javaScript中的leap嗎？
>>一年是否是javascript中的leap年，您是否可以使用每年的leap，否則不適合100歲，但要劃分100，因為它是可分配的，因為它是劃分的。除多年以外的100個均勻排除的年份外，被400分均勻的年份均勻分別為4。這將為您提供毫秒的差異。然後，您可以根據需要將其轉換為幾天，小時，分鐘或秒。
>如何在JavaScript中設置特定的日期和時間？
以上是jQuery DateTime功能 - 完整列表的詳細內容。更多資訊請關注PHP中文網其他相關文章！
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
如何修復KB5055523無法在Windows 11中安裝？
3 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝？
3 週前
By DDD
<🎜>：種植花園 - 完整的突變指南
2 週前
By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
如何修復KB5055612無法在Windows 10中安裝？
3 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
神秘的JavaScript：它的作用以及為什麼重要
Apr 09, 2025 am 12:07 AM
JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。
JavaScript的演變：當前的趨勢和未來前景
Apr 10, 2025 am 09:33 AM
JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。
JavaScript引擎：比較實施
Apr 13, 2025 am 12:05 AM
不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。
JavaScript：探索網絡語言的多功能性
Apr 11, 2025 am 12:01 AM
JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。
Python vs. JavaScript：學習曲線和易用性
Apr 16, 2025 am 12:12 AM
Python更適合初學者，學習曲線平緩，語法簡潔；JavaScript適合前端開發，學習曲線較陡，語法靈活。 1.Python語法直觀，適用於數據科學和後端開發。 2.JavaScript靈活，廣泛用於前端和服務器端編程。
如何使用Next.js（前端集成）構建多租戶SaaS應用程序
Apr 11, 2025 am 08:22 AM
本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫
從C/C到JavaScript：所有工作方式
Apr 14, 2025 am 12:05 AM
從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1）C/C 是靜態類型語言，需手動管理內存，而JavaScript是動態類型，垃圾回收自動處理。 2）C/C 需編譯成機器碼，JavaScript則為解釋型語言。 3）JavaScript引入閉包、原型鍊和Promise等概念，增強了靈活性和異步編程能力。
使用Next.js（後端集成）構建多租戶SaaS應用程序
Apr 11, 2025 am 08:23 AM
我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。 首先，什麼是多租戶SaaS應用程序？ 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務
