Javascript 如何将日期选择器的HTML5表单最小限制设置为;登记日期(用户输入)";

Javascript 如何将日期选择器的HTML5表单最小限制设置为;登记日期(用户输入)";,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,我需要为最小限制添加什么,以确保用户输入的签出日期晚于用户输入的签入日期 输入登记日期: 输入退房日期: java脚本需要验证。比较签入日期小于签出日期 函数检查(){ if(document.getElementById('checkin').value

我需要为最小限制添加什么,以确保用户输入的签出日期晚于用户输入的签入日期


输入登记日期:

输入退房日期:


java脚本需要验证。比较
签入日期小于
签出日期

函数检查(){
if(document.getElementById('checkin').value

输入登记日期:

输入退房日期:


您可以使用HTML5输入日期的最小和最大属性

<form>
  Enter Check-In Date:<br>
  <input type="date" name="checkin" max="2016-11-06"><br>

  Enter Check-Out Date:<br>
  <input type="date" name="checkout" min="2016-11-07"><br>
</form>

输入登记日期:

输入退房日期:

其中,“签入”中的最大日期小于“签出”中的最小日期

或者尝试使用javascript进行验证。

document.getElementById(“2”).disabled=true;
$(“#1”)。在(“更改粘贴键控”,函数()上{
log($(this.val());
var testDate=$(this.val();
var date_regex=/^\d{4}-\d{2}-\d{2}$/;
如果((日期\正则表达式测试(测试日期)))
document.getElementById(“2”).disabled=false;
});

输入登记日期:

输入退房日期:


试试看,这可能对您有所帮助。您需要使用javascript/jQuery进行验证。我想这不是OP要求您做的。@Mahi为什么?它会将日期限制在签入日期以下,这正是我想要的。我只是想要它,这样用户就不能把签出日期放在签入日期之前。@prasad我已经添加了我的答案。我以为OP想要那个是的,但我不想要静态日期。我想将签出日期的最小值设置为用户输入的签入日期。