我想选择大于DateTime选择器中开始日期的结束DateTime。
当前,我要开始DateTime并结束DateTime。
假设我选择了当前时间为12:00 pm的当前日期,那么end Date应该是当前时间为1:00 pm的当前日期。
我想要下面的东西
示例
开始日期和时间:--- 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>