<script type="text/javascript">
$(function () {
---------------------------------比较时间的大小-------------------------------------------------
var cha = (Date.parse("2010/1/14 9:00:00") - Date.parse("2010/1/12 8:00:00")) / 86400000 * 24;
if (cha > 0) {
alert(cha);
}
---------------------------------比较时间的大小-------------------------------------------------
alert(daysBetween("2010-1-13 8:00:00", "2010-1-12 6:00:00"));
---------------------------------得到当前时间-------------------------------------------------
var date = new Date();
now = date.getFullYear() + "/";
now = now + (date.getMonth() + 1) + "/"; //取月的时候取的是当前月-1如果想取当前月+1就可以了
now = now + date.getDate() + " ";
now = now + date.getHours() + ":";
now = now + date.getMinutes() + ":";
now = now + date.getSeconds() + "";
alert(now);
---------------------------------得到当前时间-------------------------------------------------
-----------得到一个区域的时间,然后计算出时间差,并显示到指定的位置---------------------------
$(".cuttime").each(function () {
var txt = $(this).text();
var endtime = txt.substring(0, txt.indexOf('至'));
var starttime = txt.substring(txt.lastIndexOf('至') + 1);
var cuttime = (Date.parse(starttime) - Date.parse(endtime)) / 86400000 * 24;
alert(cuttime);
$(this).next("td").text(cuttime);
});
-----------得到一个区域的时间,然后计算出时间差,并显示到指定的位置---------------------------
alert(changetime("2010-1-12 8:00:00"))
});
//计算两个时间的时间差,根据你需要的样式进行修改
//比如2011$1$1,把“-”改成“$”
function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));
//计算两个时间相差几天时用的语句
//var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);
var OneDay = DateOne.substring(DateOne.lastIndexOf('-') + 1, DateOne.indexOf(' '));
var OneYear = DateOne.substring(0, DateOne.indexOf('-'));
var OneHouse = DateOne.substring(DateOne.indexOf(' ') + 1, DateOne.indexOf(':'));
var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));
var TwoDay = DateTwo.substring(DateTwo.lastIndexOf('-') + 1, DateTwo.indexOf(' '));
var TwoYear = DateTwo.substring(0, DateTwo.indexOf('-'));
var TwoHouse = DateTwo.substring(DateTwo.indexOf(' ') + 1, DateTwo.indexOf(':'));
//计算两个时间相差几个小时
var cha = ((Date.parse(OneMonth + '/' + OneDay + '/' + OneYear) - Date.parse(TwoMonth + '/' + TwoDay + '/' + TwoYear)) / 86400000 * 24 + (OneHouse - TwoHouse));
//计算两个时间相差几天
//var cha = Date.parse(OneMonth + '/' + OneDay + '/' + OneYear) - Date.parse(TwoMonth + '/' + TwoDay + '/' + TwoYear)/ 86400000;
return Math.abs(cha);
}
//把2012-1-1 12:00:00转换成2012/1/1 12:00:00
function changetime(time) {
var Month = time.substring(5, time.lastIndexOf('-'));
var Day = time.substring(time.lastIndexOf('-') + 1, time.indexOf(' '));
var Year = time.substring(0, time.indexOf('-'));
var clock = time.substring(time.indexOf(' ') + 1);
return Year + '/' + Month + '/' + Day + " " + clock;
}
</script>
<body>
<table>
<tr><td class="cuttime">2010/1/14 12:00:00至2010/1/15 13:00:00</td><td></td></tr>
<tr><td class="cuttime">2010/1/14 9:00:00至2010/1/15 8:00:00</td><td></td></tr>
<tr><td class="cuttime">2010/1/14 9:00:00至2010/1/15 8:00:00</td><td></td></tr>
</table>
</body>
注意:记得引用jquery
相关推荐
而"jQuery 日期时间控件"则是基于jQuery构建的,用于帮助开发者在网页上添加用户友好的日期和时间选择功能。这类控件通常提供交互式的日历视图和时间选择器,使得用户可以方便地输入或选择日期和时间,避免手动输入...
"jQuery预约时间代码"项目利用jQuery的功能,构建了一个用于在线预约服务的用户界面,允许用户选择预约日期和具体时段。这个功能在许多业务场景中都非常实用,比如诊所预约、课程预订、餐厅订座等。 首先,让我们...
在本文中,我们将深入探讨jQuery时间控件,特别是那些能够显示和选择时、分、秒的控件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。时间控件在Web应用中非常常见,...
而"jquery时间控件时分秒"是jQuery的一个扩展插件,用于创建用户友好的时间选择器,帮助用户方便地输入或选择时间,通常用于表单中的时间输入字段。这种控件在许多场合都非常实用,比如预订系统、日程安排或时间跟踪...
"jQuery时间选择控件"是jQuery生态中的一个重要组件,主要用于用户界面中方便用户输入或选择日期和时间。这类控件通常提供友好的交互方式,提升用户体验,尤其在需要用户输入特定日期或时间的场合。 描述中提到的这...
在本文中,我们将深入探讨如何使用jQuery来实现一个动态的时间轴功能,该功能可以随着小时或天数的变化而逐时逐日移动。首先,我们需要理解jQuery的基础知识,它是一个广泛使用的JavaScript库,简化了DOM操作、事件...
有许多优秀的jQuery时间轴插件可供选择,例如TimelineJS、Tiki-Toki、TimelineMax等。这里以TimelineJS为例,它是一个强大的开源插件,支持多语言、多媒体集成和自定义样式。 安装TimelineJS需要在HTML文件中引入所...
《jQuery时间轴特效详解》 在网页设计中,时间轴特效是一种常见的展示信息方式,它以线性的方式呈现事件或数据,使用户能够清晰地跟踪和理解一系列的步骤或历史。jQuery,作为一款广泛使用的JavaScript库,提供了...
一、jQuery时间轴基础 1. HTML结构:创建时间轴的基本HTML结构是至关重要的。通常,时间轴由一个主容器(如`<div>`)和一系列表示时间点的标记(如`<li>`)组成。每个标记包含时间信息和相关的内容。例如: ```...
"jQuery移动端时间控件"就是为了满足这种需求而设计的,它允许用户方便地选择日期、时间和日期时间组合,适用于多种场景。 首先,我们要理解jQuery是什么。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...
在网页开发中,jQuery时间日期控件是一种常用的交互元素,用于获取或设置用户输入的日期和时间信息。本文将深入探讨jQuery时间日期控件的使用,包括日期时间、单独日期和单独时分秒的选择功能,以及如何进行自定义...
《jQuery拖动滑块时间轴选择日期代码》 在前端开发中,用户界面的交互性和易用性至关重要。"jQuery拖动滑块时间轴选择日期代码"是一个实用的JavaScript插件,它允许用户通过拖动滑块在时间轴上直观地选择日期。这个...
"jQuery时间插件带分钟"是这类插件的一个实例,主要用于网页中需要用户输入精确到分钟的时间段。 该插件的目的是为了方便用户在网页表单中选择一个具体的时间,例如预约、会议或者提醒等场景。通常,原生的HTML输入...
**jQuery时间管理器** jQuery时间管理器是一款基于流行的JavaScript库jQuery开发的网页应用程序,它旨在帮助用户更有效地管理和规划时间。这款工具通过提供一个直观、用户友好的界面,使得在网页上选择和输入时间变...
在这个特定的“jQuery垂直时间轴特效”中,我们将探讨如何利用jQuery来创建一个动态的、视觉吸引人的垂直时间轴,用于展示一系列事件或进程。 时间轴在各种网页设计中都十分常见,例如历史回顾、项目进度展示或者...
综上所述,jQuery时间控件实例涉及到了jQuery库的使用、插件的集成、事件处理和前端交互设计等多个方面。选择合适的插件或自定义实现,能够为用户提供高效且直观的时间选择体验,提升网站或应用的用户体验。
jQuery时间轴插件Timelinr 2.0是一款强大的网页交互设计工具,它允许开发者创建出具有视觉吸引力和用户友好的时间线布局。这个插件是基于流行的JavaScript库jQuery构建的,因此它易于集成到现有的网页项目中,无论你...
"jquery时间选择器"是基于jQuery的一个组件,旨在为用户在网页上提供一个直观且易于使用的日期和时间输入界面。这个组件使得用户能够方便地通过下拉菜单或者滑动条选择日期和时间,而不是手动输入,提高了用户体验。...
**jQuery刻度尺风格横向时间轴插件timeline详解** 在Web开发中,视觉元素的创新和用户体验的提升是至关重要的。"jQuery刻度尺风格横向时间轴插件timeline"正是一款能够帮助开发者实现这一目标的工具。这款插件以其...
**jQuery垂直时间轴插件**是一种利用jQuery JavaScript库和CSS3技术实现的动态展示时间序列事件的工具。这种插件通常用于网站上展示历史事件、项目进度或新闻更新,为用户呈现一种直观且吸引人的交互体验。 ### ...