如何选择大于开始日期的结束日期（日期时间选择器）
Posted
技术标签:
【中文标题】如何选择大于开始日期的结束日期（日期时间选择器）【英文标题】：How to select end date greater that start date (date time picker) 【发布时间】：2020-03-02 15:19:06 【问题描述】：我想在日期时间选择器中选择大于开始日期的结束日期时间。
目前，我要开始 DateTime 并结束 DateTime。
假设，我选择了时间为下午 12:00 的当前日期，现在结束日期应该是时间为下午 1:00 的当前日期。
我想要类似下面的东西
示例
开始日期和时间：--- 2019-11-06 12:00 结束日期和时间：---- 2019-11-06 1:00
这是我的代码
$(function ()
$("#txtFrom").datetimepicker(
format: 'Y-m-d H:i',
minDate: 0,
onChangeDateTime:startDate
);
function startDate(selected)
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#txtTo").datetimepicker("option", "minDate", dt);
$("#txtTo").datetimepicker(
format: 'Y-m-d H:i',
onChangeDateTime:endDate
);
function endDate(selected)
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#txtFrom").datetimepicker("option", "maxDate", dt);
);<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Home</title>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.js"></script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
From:
</td>
<td>
<input type="text" id="txtFrom" />
</td>
<td>
</td>
<td>
To:
</td>
<td>
<input type="text" id="txtTo" />
</td>
</tr>
</table>
<!-- <input name="startDate" type="text" id="txtFrom"/> -->
</body>
</html>【问题讨论】：
【参考方案1】：您用于日期时间选择器的插件在设置 minTime 方面存在问题。 即使在他们的演示中 minTime 功能也不起作用。已经有多个用户提交了相同的问题。如果您想更改插件代码或有关它的更多详细信息，您可以从这里获取它https://github.com/xdan/datetimepicker/issues/377
【讨论】：
以上是关于如何选择大于开始日期的结束日期（日期时间选择器）的主要内容，如果未能解决你的问题，请参考以下文章
如何使用Dojo的DatePicker控件制作联动日期选择器