2个网页时间选择框,分别要求选择起止时间,选择后自动计算时间间隔。PHP代码
时间: 2024-01-01 21:03:37 浏览: 120
JS实现漂亮的时间选择框效果
以下是一个简单的示例,包含两个时间选择框和一个计算按钮。当用户选择起始时间和结束时间后,点击计算按钮将会自动计算两个时间之间的时间间隔。
```html
<!DOCTYPE html>
<html>
<head>
<title>时间间隔计算器</title>
</head>
<body>
<form method="post">
<label for="start_time">起始时间:</label>
<input type="datetime-local" id="start_time" name="start_time"><br><br>
<label for="end_time">结束时间:</label>
<input type="datetime-local" id="end_time" name="end_time"><br><br>
<input type="submit" name="submit" value="计算">
</form>
<?php
if(isset($_POST['submit'])){
$start_time = new DateTime($_POST['start_time']);
$end_time = new DateTime($_POST['end_time']);
$interval = $start_time->diff($end_time);
echo "时间间隔为:" . $interval->format('%a 天 %h 小时 %i 分钟 %s 秒');
}
?>
</body>
</html>
```
在上面的代码中,我们使用了`<input>`标签的`type="datetime-local"`属性来创建两个时间选择框,它们可以让用户方便地选择日期和时间。
当用户点击计算按钮时,我们使用`DateTime`类来将起始时间和结束时间转换为PHP的`DateTime`对象,然后使用`diff()`方法计算两个时间之间的时间间隔,最后使用`format()`方法以易读的方式显示时间间隔。
阅读全文