验证 php 文件中的开始日期和结束日期时出错

Question

当我们声明 java 脚本时，验证未应用且未触发错误，与输入类型相同，我已在 php 文件中声明代码。

我使用过Xammp server，运行MySQL 5、PHP 7.6.2 和Apache 2。

<script  type="text/javascript">
    //Validation for Stratdate & Enddate for New Ticket creation form                       

    $("#tedate").change(function () {

        var objFromDate = document.getElementById("tsdate").value; 
        var objToDate = document.getElementById("tedate").value;

        var FromDate = new Date(objFromDate);
        var ToDate = new Date(objToDate);

        if(FromDate > ToDate )
        {
            alert("Due Date Should Be Greater Than Start Date");
            document.getElementById("tedate").value = "";
            return false; 
        }

    });
</script>

开始日期

<input type='date' id="tsdate" class="form-control col-md-6"  placeholder="mm-dd-yyyy" name="startdate">

截止日期

<input type='date' id="tedate" class="form-control col-md-6" placeholder="Enter Due Date" name="enddate" required />

我想验证截止日期是否大于开始日期

Answer 1

在php中使用strtotime函数

if(strtotime($date1) < strtotime($date2)){
      /* Code */
}

Answer 2

使用getTime()函数将时间转换为纪元格式。更多详情请访问https://www.epochconverter.com/programming/#javascript

您可以执行以下操作来检查前端。

Javascript

  $(".data-controller").change(function () {
        var objFromDate = document.getElementById("tsdate").value;
        var objToDate = document.getElementById("tedate").value;

        var FromDate = (new Date(objFromDate).getTime()) / 1000;
        var ToDate = (new Date(objToDate).getTime()) / 1000;

        if (FromDate > ToDate) {
            alert("Due Date Should Be Greater Than Start Date");
        }

    });

HTML

<input type='date' id="tsdate" class="form-control col-md-6 data-controller" placeholder="mm-dd-yyyy"
               name="startdate">  // class data-controller added
<input type='date' id="tedate" class="form-control col-md-6 data-controller" placeholder="Enter Due Date"
               name="enddate"
               required/> // class data-controller added