/*
函数:把字符串转换为日期对象
参数: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'));
//两个时间对比 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; } }
相关推荐
5. **可扩展性**:通过API接口,可以与其他JavaScript库(如D3.js、Chart.js等)集成,扩展更多的可视化功能。 实现原理: 1. **HTML结构**:创建基本的HTML结构,如一个div作为刻度尺的容器,内部包含多个表示...
2. 使用库或框架:例如Moment.js、date-fns等,它们提供了丰富的API,简化了时间处理的复杂性。 3. 基于jQuery的插件:如jQuery.timeago,可以方便地实现时间戳到易读时间的转换。 在实际开发中,我们还需要考虑...
1. JavaScript源文件:通常以.js为扩展名,包含实现时间轴功能的代码。 2. CSS样式文件:可能以.css为扩展名,用于定义时间轴的外观和布局。 3. HTML模板文件:展示时间轴的页面结构,可能包含JavaScript和CSS的引用...
"layui.all.js"可能是一个通用的JavaScript库,它提供了一套完整的组件和工具,可以用于监测和优化程序性能,如"能够显示每个执行每个事件花了多长时间"。这涉及到JavaScript的性能分析和调试技巧,对于优化插件性能...
这个扩展在浏览器环境中提供了一个交互式的界面,允许开发者深入理解代码中的对象、属性和方法,从而提升调试和理解复杂JavaScript应用的效率。 在JavaScript编程中,对象是核心概念之一。它们是键值对的集合,可以...
在《exif.js获取照片扩展信息》这篇博文中,作者可能详细讲解了如何使用Exif.js来读取和解析JPEG图片中的EXIF数据。通常,这个过程包括以下几个步骤: 1. **引入Exif.js库**:首先,在HTML文件中引入Exif.js库。这...
总的来说,创建一个JavaScript时间线需要结合HTML、CSS和JavaScript,利用库提供的功能,结合数据处理和交互设计,以实现一个功能丰富且用户友好的时间轴组件。理解这些核心概念和技巧,你就能有效地构建自己的时间...
1. 原生JavaScript时间控件:虽然原生JS不提供内置的时间选择器,但开发者可以通过组合HTML5的`<input type="date">`和`<input type="time">`元素,以及JavaScript事件处理来创建基本的时间选择功能。不过这种方法...
### JS 获取页面上的时间和当前时间进行比较判断 在前端开发中,经常需要处理与时间相关的逻辑,例如验证用户输入的时间是否有效、判断某个事件是否已经过期等。本篇文章将详细解析如何使用JavaScript来获取页面上...
当然,你需要在`background.js`中设置消息接收处理: ```javascript chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.action === 'clearCache') { // 调用上面的...
"js函数扩展"这个主题深入探讨了如何利用JavaScript的特性来增强和优化函数的使用。这篇博客文章(链接:https://ninnd.iteye.com/blog/1168733)可能涵盖了诸如函数柯里化、高阶函数、闭包、以及箭头函数等高级概念...
”可能探讨了如何在特定的框架或库(可能是ExtJS或其他JavaScript库)中扩展DateTimeField的功能,以满足更复杂的日期时间处理需求。由于没有直接提供文章内容,我将根据标题和标签来推测并阐述一些常见的关于...
JavaScript时间控件是一种在网页上实现用户交互式选择时间的组件。它们通常用于表单,让用户...通过学习和研究这些内容,开发者可以更深入地了解如何在实际项目中应用JavaScript时间控件,并根据需要进行定制和扩展。
JavaScript是Web开发中不可或缺的一部分,尤其在...这些扩展方法显著增强了JavaScript处理字符串的能力,使得在编写代码时更加简洁、直观。了解并熟练掌握这些方法,对于提升JavaScript编程效率和代码质量至关重要。
同时,它提供了一些实用的日期操作方法,使得开发者在处理日期和时间相关的任务时更加便捷。由于它比moment.js小,对于那些不需大量日期处理功能,但又想避免引入大型库的项目来说,Manba是一个理想的选择。 **标签...
在JavaScript中,处理日期和时间的基本对象是`Date`。通过实例化这个对象,我们可以创建一个表示特定日期和时间的对象,例如`new Date()`将创建一个表示当前日期和时间的对象。我们还可以通过传递不同的参数来创建...
moment.js是一款轻量级的JavaScript库,专门用于处理日期和时间。它的设计目标是解决JavaScript内置日期对象的不足,提供更加直观、灵活和强大的日期处理功能。通过清晰的API和丰富的插件系统,开发者可以方便地进行...
此外,JavaScript的`Date`对象还有许多其他方法,如`getDate()`获取日期,`getMonth()`获取月份,`getFullYear()`获取年份等,可以根据需要进行组合和扩展,以满足更复杂的日期和时间处理需求。
在“关于js的Date对象的有用扩展”中,我们可以看到一些额外的功能或方法,可能是对原生Date对象的扩展,以满足更复杂的日期处理需求。 在`date.js`文件中,很可能包含了一些自定义函数或原型扩展,这些扩展可能...
总的来说,实现“html,js实现时间轴,可播放视频,点击放大图片”这一功能,需要结合HTML的结构化能力、JavaScript的动态交互特性,以及CSS的美化和布局技巧。通过精心设计和编码,可以创建出既美观又实用的互动...