Question

我在编码方面相对较新，也许这是一个基本问题，但仍然存在。我有这个问题 - 我有2个日期时间输入（start_date＆amp; end_date）。我需要制定一个限制，因为第二个日期（end_date）必须在第一个日期之后（start_ 日期）。有4个问题：

我在谷歌发现的所有内容都与datepicker相关，但我没有使用。所以我需要一个日期时间输入的解决方案。
我需要一个与用户输入（开始日期）相关的动态解决方案，这意味着用户输入开始日期，限制不允许他在开始日期之前输入结束日期。（开始日期为最短日期）。
我所知道的所有JavaScript都是关于设置最小值，但我需要一个动态的，与输入相关的解决方案。
不得禁用结束日期。

在这方面我不知道如何解决这个问题所以我无法添加任何JavaScript或JQuery，只能添加html。感谢您的帮助！

<input id="date1" type="datetime-local" name="start_date" onchange="getDDadmopMS()">Start Date <br />
<input id="date2" type="datetime-local" name="end_date" onchange="getDDadmopMS()">End Date<br />

Answer 1

我找到了答案。不是优雅的，而是工作的。我使用get.Time函数从两个日期获得ms值，然后我将它们基质化。结果进入了一个新的领域。然后使用第二个函数，我做了一个“if语句”，如果差异为零或负（意味着结束日期在开始日期之前），则会显示警报。这是代码。如果有人有更好的答案我会很感激。

<input id="date1" type="datetime-local" name="start_date" onchange="getDDadmopMS()">Start Date <br />
<input id="date2" type="datetime-local" name="end_date" onchange="getDDadmopMS()">End Date<br />
<input id="diffms" type="text" readonly="true" placeholder="Date2 - Date1 in (ms)"/> Date2 - Date1 in (ms) <br />


// get Difference Date2 and Date1 in MS
function getDDadmopMS() {
let twoDate = new Date(document.querySelector('#date2').value);
console.log(document.querySelector('#date1').value);
 let oneDate = new Date(document.querySelector('#date1').value);
document.querySelector('#diffms').value = twoDate.getTime() - oneDate.getTime();
}

//get Restriction
function getRestriction() {
var restrict = parseFloat($("#diffms").val());
if (restrict <=0){
alert('Date2 must be after Date1');
}
}

$(document).ready(function() {
$('#date1').blur(function(event) {
getRestriction();
});
$('#date2').blur(function(event) {
getRestriction();
});
});

如何使用JQuery在datetime输入中设置动态mindate？

1 个答案: