日期型处理

最新推荐文章于 2024-11-02 12:42:04 发布

fu_manxing

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量534

点赞数

分类专栏：泛微OA 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/fu_manxing/article/details/128255574

版权

泛微OA 专栏收录该内容

61 篇文章 36 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>My HTML Page</title>
<script>
function calculate() {
// 获取日期输入框中的值
const date1 = document.getElementById('date1').value
const date2 = document.getElementById('date2').value

// 将日期字符串转换为日期对象
const d1 = new Date(date1)
const d2 = new Date(date2)

// 计算两个日期之间的间隔天数
const diffDays = Math.ceil(Math.abs(d1 - d2) / (1000 * 60 * 60 * 24))

// 计算两个日期之间的间隔时间，以小时为单位
const diffTime = Math.abs(d1 - d2) / (1000 * 60 * 60)

// 将结果显示在页面上，并添加单位
document.getElementById('days').innerHTML = `${diffDays} 天`
document.getElementById('time').innerHTML = `${diffTime} 小时`
}
</script>
</head>
<body>
<h1>计算两个日期之间的间隔天数和时间</h1>
<p>
第一个日期：
<input type="date" id="date1">
<input type="time" id="time1">
</p >
<p>
第二个日期：
<input type="date" id="date2" value="<?php echo date('Y-m-d'); ?>">
<input type="time" id="time2" value="<?php echo date('H:i:s'); ?>">
</p >
<p>
<button οnclick="calculate()">计算</button>
</p >
<p>
间隔天数：
<span id="days"></span>
</p >
<p>
间隔时间：
<span id="time"></span>
</p >
</body>
</html>