ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryの時間取得メソッドのまとめ

jqueryの時間取得メソッドのまとめ

php中世界最好的语言
リリース: 2018-04-23 15:50:23
オリジナル
2401 人が閲覧しました

今回はjqueryの時間取得方法のまとめをお届けします。 jqueryの時間取得方法の注意点は何ですか? 以下は実際的なケースですので見てみましょう。

この記事では主に現在の時刻、月、年などを取得するためのjqueryを紹介します。日付と時刻の操作スキルを含みます。必要な友人はそれを参照できます。

js(jQuery)で時刻を取得するメソッドと一般的に使用される時刻クラス

$(function(){
var mydate = new Date();
var t=mydate.toLocaleString();
/*alert(t);*/
$("#time").text(t);
$("#time").load("Untitled-1.html");
});
<P id="time">afwef</P>
ログイン後にコピー

JavaScriptでの時刻の取得は、組み込みのDate関数を使用して完了します

var mydate = new Date();
mydate.getYear(); //获取当前年份(2位)
mydate.getFullYear(); //获取完整的年份(4位,1970-????)
mydate.getMonth(); //获取当前月份(0-11,0代表1月)
mydate.getDate(); //获取当前日(1-31)
mydate.getDay(); //获取当前星期X(0-6,0代表星期天)
mydate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
mydate.getHours(); //获取当前小时数(0-23)
mydate.getMinutes(); //获取当前分钟数(0-59)
mydate.getSeconds(); //获取当前秒数(0-59)
mydate.getMilliseconds(); //获取当前毫秒数(0-999)
mydate.toLocaleDateString(); //获取当前日期
var mytime=mydate.toLocaleTimeString(); //获取当前时间
mydate.toLocaleString( ); //获取日期与时间
ログイン後にコピー

日付と時刻のスクリプトライブラリメソッドリストりー

//-- -------------------------------------------- ------

// 閏年を決定する
// -------------------------------------- ------------- --------

Date.prototype.isLeapYear 判断闰年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期计算
Date.prototype.DateDiff 比较日期差
Date.prototype.toString 日期转
字符串
Date.prototype.toArray 日期分割为数组
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天数
Date.prototype.WeekNumOfYear 判断日期所在年的第几周
StringToDate 字符串转日期型
IsValidDate 验证日期有效性
CheckDate
Time 完整日期时间检查
daysBetween 日期天数差
ログイン後にコピー

//------------------------ ---------------- --------------

// 日付の形式
// 形式 YYYY/yyyy/YY/yy は年を表します
// MM/M 月
// W/w 週
// dd/DD/d/D 日付
// hh/HH/h/H 時間
// mm/m 分
// ss/SS/s /S秒
//---------- ---------------------------------- --------------
りー

//+--- ------------------------- -------------

/ /| 日付の形式は YYYY-MM-dd です
//+----------- ------------------ -----------------------

Date.prototype.isLeapYear = function()
{
return (0==this.getYear()%4&&((this.getYear()0!=0)||(this.getYear()@0==0)));
}
ログイン後にコピー

//+--- ------------------- ------------------------------- -

//| 日付計算
//+---------- ----------------------------- -----------
りぃ

//+---- ----------------------------- ----------

// | 日付の違いを比較します。 dtEnd 形式は日付型または有効な日付形式文字列です
//+-------- ------------------------ -------------------

Date.prototype.Format = function(formatStr)
{
var str = formatStr;
var Week = [&#39;日&#39;,&#39;一&#39;,&#39;二&#39;,&#39;三&#39;,&#39;四&#39;,&#39;五&#39;,&#39;六&#39;];
str=str.replace(/yyyy|YYYY/,this.getFullYear());
str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():&#39;0&#39; + (this.getYear() % 100));
str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():&#39;0&#39; + this.getMonth());
str=str.replace(/M/g,this.getMonth());
str=str.replace(/w|W/g,Week[this.getDay()]);
str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():&#39;0&#39; + this.getDate());
str=str.replace(/d|D/g,this.getDate());
str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():&#39;0&#39; + this.getHours());
str=str.replace(/h|H/g,this.getHours());
str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():&#39;0&#39; + this.getMinutes());
str=str.replace(/m/g,this.getMinutes());
str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():&#39;0&#39; + this.getSeconds());
str=str.replace(/s|S/g,this.getSeconds());
return str;
}
ログイン後にコピー

/ /+-------------------------- ------------------------ -----

//| 日付出力文字列、システムの toString メソッドをオーバーロードしました
//+--- ------------------------ ---------------
りー

//+---------------------------- ------------------- -----

//| 日付の正当性検証
//| 形式は YYYY-MM-DD または YYYY/MM/DD
//+--------------- ----------------------------- -----
rreee

//+---------- ----------------------------- -------------------

//| 日付と時刻の確認
//| 形式は次のとおりです: YYYY-MM-DD HH:MM:SS
//+- --------------------------------- ------------------- ----

function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOne.substring(5,DateOne.lastIndexOf (&#39;-&#39;));
var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf (&#39;-&#39;)+1);
var OneYear = DateOne.substring(0,DateOne.indexOf (&#39;-&#39;));
var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf (&#39;-&#39;));
var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf (&#39;-&#39;)+1);
var TwoYear = DateTwo.substring(0,DateTwo.indexOf (&#39;-&#39;));
var cha=((Date.parse(OneMonth+&#39;/&#39;+OneDay+&#39;/&#39;+OneYear)- Date.parse(TwoMonth+&#39;/&#39;+TwoDay+&#39;/&#39;+TwoYear))/86400000);
return Math.abs(cha);
}
ログイン後にコピー

//+---------------------- ------------------ --------------

//| 日付を配列に分割します
//+-------- --------------- -----------------------------------

Date.prototype.DateAdd = function(strInterval, Number) {
var dtTmp = this;
switch (strInterval) {
case &#39;s&#39; :return new Date(Date.parse(dtTmp) + (1000 * Number));
case &#39;n&#39; :return new Date(Date.parse(dtTmp) + (60000 * Number));
case &#39;h&#39; :return new Date(Date.parse(dtTmp) + (3600000 * Number));
case &#39;d&#39; :return new Date(Date.parse(dtTmp) + (86400000 * Number));
case &#39;w&#39; :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));
case &#39;q&#39; :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case &#39;m&#39; :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case &#39;y&#39; :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
}
}
ログイン後にコピー

//+- -------- ----------------------------------------

//| 日付データ情報を取得する
//| パラメータ間隔は
データ型を表します //| y 年 m 月 d 日 w 週 ww 週 h 時 n 分 s 秒
//+------ -------- ---------------------------------------

Date.prototype.DateDiff = function(strInterval, dtEnd) {
var dtStart = this;
if (typeof dtEnd == &#39;string&#39; )//如果是字符串转换为日期型
{
dtEnd = StringToDate(dtEnd);
}
switch (strInterval) {
case &#39;s&#39; :return parseInt((dtEnd - dtStart) / 1000);
case &#39;n&#39; :return parseInt((dtEnd - dtStart) / 60000);
case &#39;h&#39; :return parseInt((dtEnd - dtStart) / 3600000);
case &#39;d&#39; :return parseInt((dtEnd - dtStart) / 86400000);
case &#39;w&#39; :return parseInt((dtEnd - dtStart) / (86400000 * 7));
case &#39;m&#39; :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);
case &#39;y&#39; :return dtEnd.getFullYear() - dtStart.getFullYear();
}
}
ログイン後にコピー

//+ --- ----------------------------------------------- -

/ /| 現在の日付の月の最大日数を取得します
//+---------------------------- -- ------------------

Date.prototype.toString = function(showWeek)
{
var myDate= this;
var str = myDate.toLocaleDateString();
if (showWeek)
{
var Week = [&#39;日&#39;,&#39;一&#39;,&#39;二&#39;,&#39;三&#39;,&#39;四&#39;,&#39;五&#39;,&#39;六&#39;];
str += &#39; 星期&#39; + Week[myDate.getDay()];
}
return str;
}
ログイン後にコピー

//+---------------------- -- ------------------------

//| 現在の日付が位置する年の週を取得します
//+---- --------------------------------------------------
りー

//+------------------------------------------ ----- -----
//| 文字列を日付型に変換します
//| 形式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd
//+-- ---------------------------------------------------- --

function IsValidDate(DateStr)
{
var sDate=DateStr.replace(/(^\s+|\s+$)/g,&#39;&#39;); //去两边空格;
if(sDate==&#39;&#39;) return true;
//如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为&#39;&#39;
//数据库中,合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式
var s = sDate.replace(/[\d]{ 4,4 }[\-/]{ 1 }[\d]{ 1,2 }[\-/]{ 1 }[\d]{ 1,2 }/g,&#39;&#39;);
if (s==&#39;&#39;) //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D
{
var t=new Date(sDate.replace(/\-/g,&#39;/&#39;));
var ar = sDate.split(/[-/:]/);
if(ar[0] != t.getYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate())
{
//alert(&#39;错误的日期格式!格式为:YYYY-MM-DD或YYYY/MM/DD。注意闰年。&#39;);
return false;
}
}
else
{
//alert(&#39;错误的日期格式!格式为:YYYY-MM-DD或YYYY/MM/DD。注意闰年。&#39;);
return false;
}
return true;
}
ログイン後にコピー

信じて見てください。この記事の事例を読んだ後は、その方法をマスターしたことになります。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQuery コードのパフォーマンス最適化方法のまとめ

JQuery を使用して Ajax を操作する (ケース付き)

以上がjqueryの時間取得メソッドのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート