如何选择大于开始日期的结束日期(日期-时间选择器)



我想在DateTime选择器中选择大于开始日期的结束DateTime。

目前,我将开始DateTime并结束DateTime。

假设,我选择了时间为中午12:00的当前日期,现在结束日期应该是时间为下午1:00的当前日期。

我想要低于的东西

示例

开始日期和时间:---2019-11-06 12: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>
&nbsp;
</td>
<td>
To:
</td>
<td>
<input type="text" id="txtTo" />
</td>
</tr>
</table> 
<!-- <input name="startDate" type="text" id="txtFrom"/> -->
</body>
</html>

用于日期时间选择器的插件在设置minTime方面存在问题。即使在他们的演示中,minTime功能也不起作用。已经有多个用户提交相同的问题。如果你想更改插件代码或有关它的更多细节,你可以从这里获得https://github.com/xdan/datetimepicker/issues/377

相关内容

  • 没有找到相关文章

最新更新