コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery DateTime関数 - 完全なリスト

jQuery DateTime関数 - 完全なリスト

William Shakespeare
リリース： 2025-03-03 00:56:10
オリジナル
395 人が閲覧しました

jQuery DATETIME Functions - Complete Listing

jQuery DateTime関数 - 完全なリスト

これは、必要な唯一の日付/時刻jquery機能です。それは他のどの日付/時刻ライブラリよりもうまく機能し、最小限のオーバーヘッド、速度と精度を保証します。 関数を含む：取得日、変換日、有効な日付、文字列までの文字列、跳躍年、日付の比較、フォーマット日付、タイムゾーン、その他の山!!! jquery4u.datetime.jsをダウンロードしてください

キーテイクアウト

  • jQuery DateTime関数は非常に用途が広く、日付の取得、日付の変換、日付の検証、日付の比較など、日付と時刻の完全な操作を提供します。
    • 関数には、日付の文字列を日付オブジェクトに変換し、出発日と返品日が有効かどうかを判断し、1年がうるう年かを検出する機能も含まれています。
  • jquery4u.datetime.jsライブラリには、PHPの日付関数と同様の包括的な日付フォーマット関数も含まれており、カスタム日付形式を可能にします。
    • ライブラリは簡単に実装でき、最小限のオーバーヘッドが速度と精度を確保するため、他の日付/時刻ライブラリよりも好ましい選択肢になります。
    • jQuery date/time complete listing
    • JavaScript DateTime関数に関するよくある質問（FAQ）

javaScript（）と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、date（）とnew date（）の違いは、日付と時刻の作業に使用されます。ただし、機能は異なります。 「新しい」キーワードのない関数としてdate（）を使用すると、現在の日付と時刻を文字列として返します。一方、new Date（）を使用すると、現在の日付と時刻を表す新しい日付オブジェクトを返します。最も一般的な方法は、日付をより読みやすい形式に変換するtodatestring（）関数を使用することです。また、tolocaledatestring（）やtoisostring（）などの方法を使用して、それぞれロケールまたはISO標準形式に従って日付をフォーマットすることもできます。たとえば、現在の日付に5日間を追加するには、次のコードを使用します。

var date = new date.setdate（date.getDate（）5）;

日を減らすには、同じですが、負の数を減らします。

JavaScriptの2つの日付を比較するにはどうすればよいですか？

​​

javaScriptでは、標準の比較演算子（==、！=、、 =）を使用して2つの日付を比較できます。ただし、これらの演算子は実際の日付ではなく、日付オブジェクトを比較することに注意することが重要です。日付自体を比較するには、getTime（）メソッドを使用して、UNIXエポック以降のミリ秒数（1970年1月1日）などの標準形式に変換する必要があります。最も簡単な方法は、現在の日付と時刻を表す引数なしで新しい日付オブジェクトを作成することです。次に、gethours（）、getminutes（）、geteconds（）などのメソッドを使用して現在の時間を取得できます。文字列を日付コンストラクターに渡すことができ、それを解析しようとします。ただし、解析は文字列の形式に依存し、すべての形式で期待どおりに機能しない場合があることに注意することが重要です。その日の名前を取得するには、名前の配列を作成してインデックスとして数値を使用できます。 100で均等に割り切れやすい年を除いて、均等に分裂します。ただし、400年までに均等に割り切れやすい年も跳躍年です。これにより、ミリ秒の違いが得られます。その後、必要に応じて、これを日、時間、数分、または秒に変換できます。月はゼロベースであるため、1月は0、2月は1などです。

以上がjQuery DateTime関数 - 完全なリストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

前の記事：画像を読み込むためのajaxsetup 次の記事：JSON相互運用性の例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2878
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
3060
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 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
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート