Home > Web Front-end > JS Tutorial > Summary of jquery get time method

Summary of jquery get time method

php中世界最好的语言
Release: 2018-04-23 15:50:23
Original
2405 people have browsed it

This time I will bring you a summary of jquery's method of obtaining time. What are the precautions for jquery to obtain time. The following is a practical case, let's take a look.

This article mainly introduces jquery to obtain the current time, month, year, etc. Involves the operation skills for date and time, which has certain reference value , friends in need can refer to it.

js (jQuery) method of obtaining time and common time classes

$(function(){
var mydate = new Date();
var t=mydate.toLocaleString();
/*alert(t);*/
$("#time").text(t);
$("#time").load("Untitled-1.html");
});
<P id="time">afwef</P>
Copy after login

Getting the time in JavaScript is completed using the built-in Date function

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( ); //获取日期与时间
Copy after login

Date time script library method list

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 日期天数差
Copy after login

//---------------------- --------------------------
// Determining leap years
//--------- ------------------------------------------

Date.prototype.isLeapYear = function()
{
return (0==this.getYear()%4&&((this.getYear()0!=0)||(this.getYear()@0==0)));
}
Copy after login

/ /------------------------------------------------- --
// Date formatting
// Format YYYY/yyyy/YY/yy represents the year
// MM/M month
// W/w weekday
// dd/ DD/d/D Date
// hh/HH/h/H Time
// mm/m Minutes
// ss/SS/s/S Seconds
//---- --------------------------------------------------

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;
}
Copy after login

// ----------------------------------------------- -------
//| Find the difference in days between two times. The date format is YYYY-MM-dd
// ------------------ ----------------------------------

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);
}
Copy after login

// ------- --------------------------------------------------
//| Date calculation
// ----------------------------------------------- --------

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());
}
}
Copy after login

// ---------------------------------- ------------------
//| Compare date difference dtEnd format is date type or valid date format string
// ------- --------------------------------------------------

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();
}
}
Copy after login

// ----------------------------------------------- ----
//| Date output string, overloading the system's toString method
// ----------------------- ----------------------------

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;
}
Copy after login

//------------- ---------------------------------------------
//| Date legality verification
//| The format is: YYYY-MM-DD or 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;
}
Copy after login

// --------------- ----------------------------------
//| Date and time check
//| Format For: YYYY-MM-DD HH:MM:SS
// ---------------------------------- ------------------

function CheckDateTime(str)
{
var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;
if(d.getHours()!=r[4])return false;
if(d.getMinutes()!=r[5])return false;
if(d.getSeconds()!=r[6])return false;
return true;
}
Copy after login

// ---------------------------- ----------------------------
//| Split the date into an array
// ------ ----------------------------------------

Date.prototype.toArray = function()
{
var myDate = this;
var myArray = Array();
myArray[0] = myDate.getFullYear();
myArray[1] = myDate.getMonth();
myArray[2] = myDate.getDate();
myArray[3] = myDate.getHours();
myArray[4] = myDate.getMinutes();
myArray[5] = myDate.getSeconds();
return myArray;
}
Copy after login

//------------------------------------------------ -----
//| Get date data information
//| Parameter interval represents data type
//| y year m month d day w week ww week h hour n minutes s seconds
// ----------------------------------------- ----------

Date.prototype.DatePart = function(interval)
{
var myDate = this;
var partStr=&#39;&#39;;
var Week = [&#39;日&#39;,&#39;一&#39;,&#39;二&#39;,&#39;三&#39;,&#39;四&#39;,&#39;五&#39;,&#39;六&#39;];
switch (interval)
{
case &#39;y&#39; :partStr = myDate.getFullYear();break;
case &#39;m&#39; :partStr = myDate.getMonth()+1;break;
case &#39;d&#39; :partStr = myDate.getDate();break;
case &#39;w&#39; :partStr = Week[myDate.getDay()];break;
case &#39;ww&#39; :partStr = myDate.WeekNumOfYear();break;
case &#39;h&#39; :partStr = myDate.getHours();break;
case &#39;n&#39; :partStr = myDate.getMinutes();break;
case &#39;s&#39; :partStr = myDate.getSeconds();break;
}
return partStr;
}
Copy after login

// ------------------------------- --------------------
//| Get the maximum number of days in the month of the current date
// ----------- ----------------------------------------

Date.prototype.MaxDayOfDate = function()
{
var myDate = this;
var ary = myDate.toArray();
var date1 = (new Date(ary[0],ary[1]+1,1));
var date2 = date1.dateAdd(1,&#39;m&#39;,1);
var result = dateDiff(date1.Format(&#39;yyyy-MM-dd&#39;),date2.Format(&#39;yyyy-MM-dd&#39;));
return result;
}
Copy after login

// - --------------------------------------------------
//| Get the week number of the year that the current date is in
// -------------------------- --------------------------

Date.prototype.WeekNumOfYear = function()
{
var myDate = this;
var ary = myDate.toArray();
var year = ary[0];
var month = ary[1]+1;
var day = ary[2];
document.write(&#39;< script language=VBScript\> \n&#39;);
document.write(&#39;myDate = DateValue(&#39;&#39;+month+&#39;-&#39;+day+&#39;-&#39;+year+&#39;&#39;) \n&#39;);
document.write(&#39;result = DatePart(&#39;ww&#39;, myDate) \n&#39;);
document.write(&#39; \n&#39;);
return result;
}
Copy after login


//------------- -----------------------------------------------
//| Convert string to date type
//| Format MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd
// ------------------ ----------------------------------

function StringToDate(DateStr)
{
var converted = Date.parse(DateStr);
var myDate = new Date(converted);
if (isNaN(myDate))
{
//var delimCahar = DateStr.indexOf(&#39;/&#39;)!=-1?&#39;/&#39;:&#39;-&#39;;
var arys= DateStr.split(&#39;-&#39;);
myDate = new Date(arys[0],--arys[1],arys[2]);
}
return myDate;
}
Copy after login

I believe you have mastered the method after reading the case in this article , for more exciting content, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Summary of jQuery code performance optimization methods

Using JQuery to operate Ajax (with case)

The above is the detailed content of Summary of jquery get time method. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template