网站建设资讯

NEWS

网站建设资讯

jQuery中有哪些获取时间的方法

今天就跟大家聊聊有关jQuery中有哪些获取时间的方法,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联拥有十载成都网站建设工作经验,为各大企业提供成都做网站、成都网站制作服务,对于网页设计、PC网站建设(电脑版网站建设)、成都APP应用开发、wap网站建设(手机版网站建设)、程序开发、网站优化(SEO优化)、微网站、域名申请等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等网站化运作于一体,具备承接各种规模类型的网站建设项目的能力。

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。




  
  JS获取时间的方法及常用类
  
    input{
      color:red;
      min-width: 250px;
    }
    /*设置placeholder的颜色*/
    ::-webkit-input-placeholder { /* WebKit browsers */
      color:  #999;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color:  #999;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:  #999;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
      color:  #999;
    }
    p{
      width:100%;height:0px;border-top:1px orange dashed;
    }
  
  


  

JS获取时间的方法及常用类

  
获取当前日期+时间
     
  
使用内置的Date函数获取javascript时间
  当前年:   
  当前月:  0-11,0代表一月份   
  当前日:   
  当前星期:  0-6,0代表周日   
  当前时间戳(精确毫秒):  从1970.1.1开始的毫秒数   
  当前小时:  0-23   
  当前分钟:  0-59   
  当前秒数:  0-59   
  当前毫秒数:  0-999   
  当前日期:   
  当前时间:   
  当前日期+时间:   
  
  
日期时间脚本库方法列表
  判断闰年:   闰年   非闰年   

  日期格式化:   
  年份(YYYY/yyyy):  (YY/yy):   
  月份(MM):  (M):   
  星期(W/w):   
  日(DD/dd):  (D/d):   
  时(HH/hh):  (H/h):   
  分(mm):  (m):   
  秒(SS/S):  (ss/s):   
  

  日期天数差:日期格式YYYY-MM-dd   
  起始日期:    截止日期:    日期差天数:   

  日期计算:返回对象数据格式:"2018-08-06T06:29:49.000Z",可以调用对象的方法,比如getFullYear();   
  当前日期:
  2秒后的时间:
  2小时后的时间:
  2天后的时间:
  2周后的时间:
  一季度后的时间:
  一个月后的时间:
  一年后的时间:
  

  重载toString方法:"一"=====>"星期一"   
     

  日期合法性校验(年月日):正确格式YYYY-MM-DD 或者 YYYY/MM/DD   
  输入日期:           

  日期合法性校验(年月日 时分秒):正确格式YYYY-MM-DD HH:II:SS   
  输入日期:           
  日期分割成数组:    取年份        $(function(){       //获取当前日期+时间       var myDate = new Date();       var t = myDate.toLocaleString();       inputToValue('text','myDate',t);       //============================================================       //使用内置的Date函数获取javascript时间       var newDate = new Date();       var getFullYear = newDate.getFullYear();//当前年       inputToValue('text','getFullYear',getFullYear);       var getMonth = newDate.getMonth();//当前月       inputToValue('text','getMonth',getMonth);       var getDate = newDate.getDate();//当前日       inputToValue('text','getDate',getDate);       var getDay = newDate.getDay();//当前星期       inputToValue('text','getDay',getDay);       var getTime = newDate.getTime();//当前时间戳(精确毫秒)       inputToValue('text','getTime',getTime);       var getHours = newDate.getHours();//当前小时       inputToValue('text','getHours',getHours);       var getMinutes = newDate.getMinutes();//当前分钟       inputToValue('text','getMinutes',getMinutes);       var getSeconds = newDate.getSeconds();//当前秒数       inputToValue('text','getSeconds',getSeconds);       var getMilliseconds = newDate.getMilliseconds();//当前毫秒数       inputToValue('text','getMilliseconds',getMilliseconds);       var nowDate = newDate.toLocaleDateString();//当前日期       inputToValue('text','nowDate',nowDate);       var nowTime = newDate.toLocaleTimeString();//当前时间       inputToValue('text','nowTime',nowTime);       var nowDateAddNowTime = newDate.toLocaleString();//当前时间       inputToValue('text','nowDateAddNowTime',nowDateAddNowTime);       //============================================================       //检测是否为闰年,方法一       Date.prototype.isLeapYears = function(){         return (this.getYear() % 4 == 0) && (this.getYear() % 100 != 0 || this.getYear() % 400 == 0);       }       var dd1 = new Date();       //检测是否为闰年,方法二       function checkYear(year){         return (year % 4 == 0 && (year % 100 !=0 || year % 400 !=0));       }       if(dd1.isLeapYears()){//checkYear(2018)         $("input[type='radio'][name='isLeapYears'][value='1']").prop("checked",true);       }else{         $("input[type='radio'][name='isLeapYears'][value='0']").prop("checked",true);       }       //日期格式化       Date.prototype.Format = function(formatStr){         var str = formatStr;         var Week = ['日','一','二','三','四','五','六'];         str=str.replace(/yyyy|YYYY/,this.getFullYear());         str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));         str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():'0' + 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():'0' + this.getDate());         str=str.replace(/d|D/g,this.getDate());         str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());         str=str.replace(/h|H/g,this.getHours());         str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());         str=str.replace(/m/g,this.getMinutes());         str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());         str=str.replace(/s|S/g,this.getSeconds());         return str;       }       var dd2 = new Date();       inputToValue('text','formatYear1',dd2.Format('YYYY'));//YYYY/yyyy       inputToValue('text','formatYear2',dd2.Format('YY'));//YY/yy       inputToValue('text','formatMonth2',dd2.Format('MM'));//MM       inputToValue('text','formatMonth3',dd2.Format('M'));//M       inputToValue('text','formatWeek',dd2.Format('W'));//W/w       inputToValue('text','formatDay1',dd2.Format('DD'));//DD/dd       inputToValue('text','formatDay2',dd2.Format('d'));//dd/d       inputToValue('text','formatHour1',dd2.Format('HH'));//HH/hh       inputToValue('text','formatHour2',dd2.Format('h'));//H/h       inputToValue('text','formatMinute1',dd2.Format('mm'));//mm       inputToValue('text','formatMinute2',dd2.Format('m'));//m       inputToValue('text','formatSecond1',dd2.Format('SS'));//SS/ss       inputToValue('text','formatSecond2',dd2.Format('s'));//S/s       //日期天数差:日期格式YYYY-MM-dd       var s_date = $("input[type='text'][name='s_date']").val();       var e_date = $("input[type='text'][name='e_date']").val();       function daysBetween(DateOne,DateTwo)       {         var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));         var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);         var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));         var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));         var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);         var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));         var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);         return Math.abs(cha);       }       inputToValue('text','diff_date',daysBetween(s_date,e_date));       //日期计算,返回一段日期时间后的对象       Date.prototype.DateAdd = function(strInterval, Number) {         var dtTmp = this;         switch (strInterval) {           case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));           case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));           case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));           case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));           case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));           case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());//一个季度           case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());//一个月           case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());         }       }       var dd3 = new Date();       inputToValue('text','date_now',dd3.DateAdd('s',0));       inputToValue('text','second_now',dd3.DateAdd('s',2));//2秒后       inputToValue('text','hour_now',dd3.DateAdd('h',2));//2小时后       inputToValue('text','day_now',dd3.DateAdd('d',2));//2天后       inputToValue('text','week_now',dd3.DateAdd('w',2));//2周后       inputToValue('text','quarter_now',dd3.DateAdd('q',1));//一季度后       inputToValue('text','month_now',dd3.DateAdd('m',1));//一个月后       inputToValue('text','year_now',dd3.DateAdd('y',1));//一个年后       //重载系统的toString方法       Date.prototype.toString = function(showWeek)       {         var myDate= this;         var str = myDate.toLocaleDateString();//保留年/月/日         if (showWeek)         {           var Week = ['日','一','二','三','四','五','六'];           str += ' 星期' + Week[myDate.getDay()];         }         return str;       }       var dd4 = new Date();       inputToValue('text','reset_string',dd4.toString("一"));       //日期合法性校验,格式:YYYY-MM-DD或者YYYY/MM/DD,特殊情况如YYYY-MM/DD也能通过,后期处理       function checkAndGetValue(DateStr)       {         var sDate=DateStr.replace(/(^\s+|\s+$)/g,''); //去两边空格;         if(sDate=='')           return false;         //正则表达式         patter = /^[\d]{4,4}[-/]{1}[\d]{1,2}[-/]{1}[\d]{1,2}$/;//不能加双引号         if(patter.test(sDate)){           var t = new Date(sDate.replace(/\-/g,'/'));           var ar = sDate.split(/[-/:]/);           if(ar[0] != t.getFullYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate()){             return false;           }else{             return ar.join("-");           }         }else{           return false;         }       }       $("input[type='button'][name='checkInputDate']").click(function(){         $_a = $("input[type='text'][name='checkDate']");         var getCheckDateValue = $_a.val();         if(checkAndGetValue(getCheckDateValue)){           alert("校验通过:" + checkAndGetValue(getCheckDateValue));         }else{           $_a.val("");//不通过,清空输入的值           alert("校验不通过");         }       });       //日期合法性校验 YYYY-MM-DD HH:II:SS       function CheckDateTime(DateStr)       {         var reg = /^(\d+)-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;         var r = DateStr.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;       }       $("input[type='button'][name='checkInputDate1']").click(function(){         $_a = $("input[type='text'][name='checkDate1']");         var getCheckDateValue1 = $_a.val();         if(CheckDateTime(getCheckDateValue1)){           alert("校验通过");         }else{           $_a.val("");//不通过,清空输入的值           alert("校验不通过");         }       });       //把日期分割成数组       Date.prototype.toArray = function()       {         var myDate = this;         var myArray = Array();         myArray[0] = myDate.getFullYear();         myArray[1] = myDate.getMonth() + 1;         myArray[2] = myDate.getDate();         myArray[3] = myDate.getHours();         myArray[4] = myDate.getMinutes();         myArray[5] = myDate.getSeconds();         return myArray;       }       var dd5 = new Date();       $("input[name='splitDate']").val(dd5.toArray()[0]);       //通用函数       function inputToValue(type,name,value){         $("input[type="+ type +"][name="+ name +"]").val(value);       }     })   

看完上述内容,你们对jQuery中有哪些获取时间的方法有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


名称栏目:jQuery中有哪些获取时间的方法
链接URL:http://cdweb.net/article/ishdoh.html