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

Javascript 如何使用JQuery在datetime输入中设置动态mindate?,javascript,jquery,date,datetime,mindate,Javascript,Jquery,Date,Datetime,Mindate,我在编码方面相对较新,也许这是一个基本问题,但仍然是。我有这个问题-我有两个日期时间输入(开始日期和结束日期)。我需要做一个限制,因为第二个日期(结束日期)必须在第一个日期(开始日期)之后_ 日期)。有四个问题: 我在google上找到的都是datepicker,但我没有使用它。所以我需要一个datetime输入的解决方案 我需要一个与用户输入(开始日期)相关的动态解决方案,这意味着用户输入开始日期,并且限制不允许他在开始日期之前输入结束日期。(开始日期作为最小日期) 我所知道的所有JavaS

我在编码方面相对较新,也许这是一个基本问题,但仍然是。我有这个问题-我有两个日期时间输入(开始日期和结束日期)。我需要做一个限制,因为第二个日期(结束日期)必须在第一个日期(开始日期)之后_ 日期)。有四个问题:

  • 我在google上找到的都是datepicker,但我没有使用它。所以我需要一个datetime输入的解决方案

  • 我需要一个与用户输入(开始日期)相关的动态解决方案,这意味着用户输入开始日期,并且限制不允许他在开始日期之前输入结束日期。(开始日期作为最小日期)

  • 我所知道的所有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 />
开始日期
结束日期

我找到了答案。不是优雅的,而是实用的。 我使用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();
});
});
开始日期
结束日期
日期2-日期1英寸(毫秒)
//以毫秒为单位获取日期2和日期1的差异 函数getDDadmopMS(){ 设twoDate=newdate(document.querySelector('#date2').value); console.log(document.querySelector('#date1').value); 设oneDate=newdate(document.querySelector(“#date1”).value); document.querySelector('#diffms').value=twoDate.getTime()-oneDate.getTime(); } //受到限制 函数getRestriction(){ var restrict=parseFloat($(“#diffms”).val();
如果(限制)您需要显示您的工作-您在jQuery中尝试过的内容。请注意,特别讨论设置min/max。如果您没有“任何想法”,那么我建议从简单开始:在其他输入值发生更改时,对更改输入值进行一些搜索,例如:@cale\u b对不起,但您的评论根本没有帮助