`

js 时间处理 扩展方法

 
阅读更多

 

  /*

   函数:把字符串转换为日期对象

   参数:yyyy-mm-dd或yyyy/mm/dd形式的字符串

   返回:Date对象

   注:IE下不支持直接实例化日期对象,如new Date("2012-04-03")

    */

 

  Date.prototype.convertDate = function (date) {
        var flag = true;
           var newDate = new Date();
           var dateArray=[];
 
           if(date.indexOf("-")!=-1){
                    dateArray = date.split("-");
                    newDate.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
                    newDate.setHours(0, 0, 0);
           }else if(date.indexOf("/")!=-1){
                    dateArray = date.split("/");
                    newDate.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
                     newDate.setHours(0, 0, 0);
           }else{
                       newDate = null;
           }
           return newDate;
   };

 

 

  /*

   函数:计算两个日期之间的差值

   参数:date是日期对象

         flag:ms-毫秒,s-秒,m-分,h-小时,d-天,M-月,y-年

   返回:当前日期和date两个日期相差的毫秒/秒/分/小时/天

   */

 

Date.prototype.dateDiff = function (date, flag) {
     var msCount;
     var diff = this.getTime() - date.getTime();
     switch (flag) {
         case "ms":
             msCount = 1;
             break;
         case "s":
             msCount = 1000;
             break;
         case "m":
             msCount = 60 * 1000;
             break;
         case "h":
             msCount = 60 * 60 * 1000;
             break;
         case "d":
             msCount = 24 * 60 * 60 * 1000;
             break;
     }
     return Math.floor(diff / msCount);
 };

 

 

 

 

/*

函数:判断一个年份是否为闰年

返回:是否为闰年

 */

 

Date.prototype.isLeapYear = function () {
    var year = this.getFullYear();
    return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}

 

 

 

 /*

 函数:格式化日期

 参数:formatStr-格式化字符串

         d:将日显示为不带前导零的数字,如1

         dd:将日显示为带前导零的数字,如01

         ddd:将日显示为缩写形式,如Sun

         dddd:将日显示为全名,如Sunday

         M:将月份显示为不带前导零的数字,如一月显示为1

         MM:将月份显示为带前导零的数字,如01

         MMM:将月份显示为缩写形式,如Jan

         MMMM:将月份显示为完整月份名,如January

         yy:以两位数字格式显示年份

         yyyy:以四位数字格式显示年份

         h:使用12小时制将小时显示为不带前导零的数字,注意||的用法

         hh:使用12小时制将小时显示为带前导零的数字

         H:使用24小时制将小时显示为不带前导零的数字

         HH:使用24小时制将小时显示为带前导零的数字

         m:将分钟显示为不带前导零的数字

         mm:将分钟显示为带前导零的数字

         s:将秒显示为不带前导零的数字

         ss:将秒显示为带前导零的数字

         l:将毫秒显示为不带前导零的数字

         ll:将毫秒显示为带前导零的数字

         tt:显示am/pm

         TT:显示AM/PM

 返回:格式化后的日期

 */

 

Date.prototype.format = function (formatStr) {
     var date = this;
 
     /*
     函数:填充0字符
     参数:value-需要填充的字符串, length-总长度
     返回:填充后的字符串
     */
     var zeroize = function (value, length) {
         if (!length) {
             length = 2;
         }
         value = new String(value);
         for (var i = 0, zeros = ''; i < (length - value.length); i++) {
             zeros += '0';
         }
         return zeros + value;
     };
 
     return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function($0) {
         switch ($0) {
             case 'd': return date.getDate();
             case 'dd': return zeroize(date.getDate());
             case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
             case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
             case 'M': return date.getMonth() + 1;
             case 'MM': return zeroize(date.getMonth() + 1);
             case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
             case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
             case 'yy': return new String(date.getFullYear()).substr(2);
             case 'yyyy': return date.getFullYear();
             case 'h': return date.getHours() % 12 || 12;
             case 'hh': return zeroize(date.getHours() % 12 || 12);
             case 'H': return date.getHours();
             case 'HH': return zeroize(date.getHours());
             case 'm': return date.getMinutes();
             case 'mm': return zeroize(date.getMinutes());
             case 's': return date.getSeconds();
             case 'ss': return zeroize(date.getSeconds());
             case 'l': return date.getMilliseconds();
             case 'll': return zeroize(date.getMilliseconds());
             case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
             case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
         }
     });
 }
 
 
   document.writeln(  new Date().format("yyyy-MM-dd HH:MM:ss")+"</br>"); 
   document.writeln(  new Date().convertDate("2011/7/25")+"</br>"); 
   document.writeln(  new Date().isLeapYear("2011/7/25")+"</br>"); 
   document.writeln( new Date().dateDiff(new Date().convertDate("2012/7/25") , 'h'));
 
 

 

 

 
 
// 时间的对比  兼容ie火狐 
//两个时间对比 
function compareTime(startTime , endTime){
 
	var beginTimes = startTime.split('-');
	//var beginTimeTemp = beginTimes[1]+'-'+beginTimes[2]+'-'+beginTimes[0];
	var endTimes = endTime.split('-');
	if(beginTimes.length!=3 || endTimes.length!=3 ){
		return false;
	}
	//var endTimeTemp = endTimes[1]+'-'+endTimes[2]+'-'+endTimes[0];
	var beginT = new Date(beginTimes[0],beginTimes[1],beginTimes[2]).getTime();
	var endT = new Date(endTimes[0],endTimes[1],endTimes[2] ).getTime();
	var len = ( beginT- endT )/3600/1000;
	if(len>=0){
		return true;
	}else{
		return false;
	}
}
 
 
 
 
分享到:
评论

相关推荐

    javascript 时间刻度尺插件

    5. **可扩展性**:通过API接口,可以与其他JavaScript库(如D3.js、Chart.js等)集成,扩展更多的可视化功能。 实现原理: 1. **HTML结构**:创建基本的HTML结构,如一个div作为刻度尺的容器,内部包含多个表示...

    js 时间插件(带时分秒)

    2. 使用库或框架:例如Moment.js、date-fns等,它们提供了丰富的API,简化了时间处理的复杂性。 3. 基于jQuery的插件:如jQuery.timeago,可以方便地实现时间戳到易读时间的转换。 在实际开发中,我们还需要考虑...

    横向时间轴插件_js_时间轴_

    1. JavaScript源文件:通常以.js为扩展名,包含实现时间轴功能的代码。 2. CSS样式文件:可能以.css为扩展名,用于定义时间轴的外观和布局。 3. HTML模板文件:展示时间轴的页面结构,可能包含JavaScript和CSS的引用...

    编写javascript插件,来扩展已有的JavaScript功能.zip

    "layui.all.js"可能是一个通用的JavaScript库,它提供了一套完整的组件和工具,可以用于监测和优化程序性能,如"能够显示每个执行每个事件花了多长时间"。这涉及到JavaScript的性能分析和调试技巧,对于优化插件性能...

    Javascript Object Browser 扩展

    这个扩展在浏览器环境中提供了一个交互式的界面,允许开发者深入理解代码中的对象、属性和方法,从而提升调试和理解复杂JavaScript应用的效率。 在JavaScript编程中,对象是核心概念之一。它们是键值对的集合,可以...

    exif.js获取照片扩展信息

    在《exif.js获取照片扩展信息》这篇博文中,作者可能详细讲解了如何使用Exif.js来读取和解析JPEG图片中的EXIF数据。通常,这个过程包括以下几个步骤: 1. **引入Exif.js库**:首先,在HTML文件中引入Exif.js库。这...

    js 时间线 时间轴

    总的来说,创建一个JavaScript时间线需要结合HTML、CSS和JavaScript,利用库提供的功能,结合数据处理和交互设计,以实现一个功能丰富且用户友好的时间轴组件。理解这些核心概念和技巧,你就能有效地构建自己的时间...

    js时间控件(多种)

    1. 原生JavaScript时间控件:虽然原生JS不提供内置的时间选择器,但开发者可以通过组合HTML5的`&lt;input type="date"&gt;`和`&lt;input type="time"&gt;`元素,以及JavaScript事件处理来创建基本的时间选择功能。不过这种方法...

    chrome缓存清除扩展程序,通过js清除chrome缓存的api演示

    当然,你需要在`background.js`中设置消息接收处理: ```javascript chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.action === 'clearCache') { // 调用上面的...

    js函数扩展

    "js函数扩展"这个主题深入探讨了如何利用JavaScript的特性来增强和优化函数的使用。这篇博客文章(链接:https://ninnd.iteye.com/blog/1168733)可能涵盖了诸如函数柯里化、高阶函数、闭包、以及箭头函数等高级概念...

    Ext DateTimeField时间扩展!

    ”可能探讨了如何在特定的框架或库(可能是ExtJS或其他JavaScript库)中扩展DateTimeField的功能,以满足更复杂的日期时间处理需求。由于没有直接提供文章内容,我将根据标题和标签来推测并阐述一些常见的关于...

    时间控件js 调用

    JavaScript时间控件是一种在网页上实现用户交互式选择时间的组件。它们通常用于表单,让用户...通过学习和研究这些内容,开发者可以更深入地了解如何在实际项目中应用JavaScript时间控件,并根据需要进行定制和扩展。

    js获取页面上的时间和当前时间进行比较判断

    ### JS 获取页面上的时间和当前时间进行比较判断 在前端开发中,经常需要处理与时间相关的逻辑,例如验证用户输入的时间是否有效、判断某个事件是否已经过期等。本篇文章将详细解析如何使用JavaScript来获取页面上...

    JavaScript程序设计-ES之字符串扩展方法.pdf

    JavaScript是Web开发中不可或缺的一部分,尤其在...这些扩展方法显著增强了JavaScript处理字符串的能力,使得在编写代码时更加简洁、直观。了解并熟练掌握这些方法,对于提升JavaScript编程效率和代码质量至关重要。

    js日期时间选择

    在JavaScript中,处理日期和时间的基本对象是`Date`。通过实例化这个对象,我们可以创建一个表示特定日期和时间的对象,例如`new Date()`将创建一个表示当前日期和时间的对象。我们还可以通过传递不同的参数来创建...

    moment.js时间格式和运算工具包

    moment.js是一款轻量级的JavaScript库,专门用于处理日期和时间。它的设计目标是解决JavaScript内置日期对象的不足,提供更加直观、灵活和强大的日期处理功能。通过清晰的API和丰富的插件系统,开发者可以方便地进行...

    js判断当前时间是哪个时间段(早,中,晚).pdf

    此外,JavaScript的`Date`对象还有许多其他方法,如`getDate()`获取日期,`getMonth()`获取月份,`getFullYear()`获取年份等,可以根据需要进行组合和扩展,以满足更复杂的日期和时间处理需求。

    关于js的Date对象的有用扩展

    在“关于js的Date对象的有用扩展”中,我们可以看到一些额外的功能或方法,可能是对原生Date对象的扩展,以满足更复杂的日期处理需求。 在`date.js`文件中,很可能包含了一些自定义函数或原型扩展,这些扩展可能...

    html,js实现时间轴,可播放视频,点击放大图片

    总的来说,实现“html,js实现时间轴,可播放视频,点击放大图片”这一功能,需要结合HTML的结构化能力、JavaScript的动态交互特性,以及CSS的美化和布局技巧。通过精心设计和编码,可以创建出既美观又实用的互动...

    Dreamweaver安装jquery扩展

    jQuery扩展通常包含预设的代码片段、模板和库,这些都可以提高开发效率,减少手动编写JavaScript代码的时间。它们通常针对特定功能,如表单验证、导航菜单、滑动效果等,使开发者能够快速实现常见Web交互。 接下来...

Global site tag (gtag.js) - Google Analytics