好长时间没更新了，最近有项目在做，进度不容忽视啊⊙﹏⊙，这边儿就在睡觉之前把这个js算日期的间隔发一发，想着可能后面项目中会用到也说不定，赶紧的吧。老习惯，先上效果图：
图一
图二
这边儿例子和效果就比较单一了，就是输入个时间，或者你用jquery的时间控件，选了个时期上面了，然后你想得到这个选择的日期之间的间隔时间，比如天数，小时，分，甚至是秒，我这里是算的小时，算天除个24，算分成个60等等，这个我不赘述了，代码如下[各类需求请参照着代码自行改动]：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('btn_calc').onclick = function() {
var obj = document.getElementById('demo').getElementsByTagName('input');
var ar_ds = obj[0].value.split('-');
var ar_ts = obj[1].value.split(':');
var ds = new Date(ar_ds[0], ar_ds[1] - 1, ar_ds[2], ar_ts[0], ar_ts[1]);
var ar_de = obj[2].value.split('-');
var ar_te = obj[3].value.split(':');
var de = new Date(ar_de[0], ar_de[1] - 1, ar_de[2], ar_te[0], ar_te[1]);
var result = de.getTime() - ds.getTime();
document.getElementById('result').innerHTML = '请假时间：' + (result / 3600000).toFixed(1) + '小时';
}
}
</script>
</head>
<body>
<div id="demo">
开始日期：<input type="text" value="2012-05-23" /> 开始时间：<input type="text" value="08:30" /><br />
结束日期：<input type="text" value="2012-05-24" /> 结束时间：<input type="text" value="17:30" /><br />
<button id="btn_calc">计算</button>
</div>
<div id="result"></div>
</body>
</html>
- 大小: 14.4 KB
- 大小: 17.6 KB
分享到：
相关推荐
这篇博客“JS获得两个时间间隔天数”提供了一个实用的方法来解决这个问题。在这个方法中，我们将探讨如何利用JavaScript的内置Date对象以及一些基本的算术运算来计算日期间隔。 首先，我们需要创建两个Date对象，...
kettle中使用js计算两个日期之间的天数
这段代码提供了一个JavaScript函数 `functionDateDiff`，用于计算两个日期字符串之间相隔的天数。 #### 函数解析 - **参数**： - `sDate1`：表示起始日期的字符串。 - `sDate2`：表示结束日期的字符串。 - 这两...
代码如下:// 计算两个日期的间隔天数 function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式 var aDate, oDate1, oDate2, iDays aDate = sDate1.split(“-“) oDate1 = new Date...
计算两个日期相隔天数并减去节假日，这个可以使用在各种需要通知的场景以及工作日提醒等
在编程和数据分析中，计算两个日期之间的差值是一项常见的任务，尤其在日程安排、时间序列分析或报表生成等场景中。"指定两个日期计算相隔的天数"这一功能通常涉及日期函数的使用，这些函数能够帮助我们快速地得出两...
接着，要计算两个日期之间的差异，我们可以用`getTime()`方法获取每个日期的毫秒值，然后相减得到两个日期之间的间隔（以毫秒为单位）： ```javascript var differenceInMilliseconds = date2.getTime() - date1....
"2日期相隔天数计算"是一个基本但至关重要的功能，它可以帮助我们理解两个特定日期之间的差异。以下是对这个主题的详细解释。 首先，我们需要明确日期的表示方式。在计算机中，日期通常以年、月、日的形式存储，如...
在这个“计算器（javascript）、计算两日期间隔天数等”的主题中，我们将深入探讨如何使用JavaScript实现一个基本的计算器功能以及如何计算两个日期之间的间隔天数。 首先，让我们来看看如何使用JavaScript构建一个...
在上述示例中，我们看到两种不同的方法来计算两个日期之间的天数和月数。 首先，`dateU` 函数是用来计算两个日期之间的月数和天数的。这个函数接受两个日期字符串作为参数，格式为`YYYYMMDD`。它首先提取出年、月、...
通过减法运算，我们可以得到两个时间戳之间的差值，然后转换为天、小时、分钟等单位。在Python中，可以使用`timedelta`对象；在JavaScript中，可以使用`Date`对象的`getTime()`方法获取时间戳，然后进行计算。 3. *...
在日常的Web开发中，经常会遇到需要对日期进行处理的情况，比如比较两个日期的大小、计算日期间隔等。本篇将详细介绍如何仅使用JavaScript来实现日期之间的大小比较功能，并通过具体的代码示例来帮助理解。 #### 1....
在ASP.NET开发中，有时我们需要计算两个日期之间相隔的天数，这在处理日程管理、数据分析或者用户界面交互时非常常见。本篇将详细解释如何通过C#语言在ASP.NET环境中获取两个日期之间的天数，并提供相关扩展知识，...
在JavaScript中，对日期进行操作是一项常见的任务，其中包括比较两个日期之间的差异，比如计算它们相差多少天。在本文中，我们将深入探讨如何使用JavaScript来实现这个功能，通过一个具体的实例来展示其工作原理。 ...
他们可能会编写函数来计算两个日期之间的差值，并将其转换为天数。同时，为了实现多套皮肤，开发者可能利用了CSS的类选择器和媒体查询，根据不同的类名来改变日期控件的样式。此外，他们还可能利用了HTML5的数据属性...
在编程领域，计算两个日期之间的差值是一项常见的任务，它涉及到日期和时间的处理。本文将深入探讨如何在各种编程语言中计算日期相隔的时间，包括天数、分钟和秒数，以及时间间隔的计算方法。 首先，让我们理解日期...
在JavaScript中，时间...总之，`GetDateDiff`函数是JavaScript中计算两个日期之间间隔天数的一个简单实现，适用于不需要额外复杂功能的场景。然而，对于大型项目，推荐使用专门的日期处理库以获得更强大和灵活的功能。
在JavaScript中，比较两个日期之间的间隔是一项常见的任务，特别是在处理用户输入、事件调度或数据分析时。上述示例代码提供了一种方法来计算两个日期之间的天数差。让我们深入了解一下这段代码的工作原理及其涉及的...