在代码编写器中验证开始和结束日期.开始日期小于结束日期

Validating start and end date in codeigniter start date less than end date

本文关键字:日期 开始 结束 验证 小于 代码      更新时间:2023-09-26

这些是在视图页面中使用的,请添加javascript来验证这个日期,我使用代码点火器

HTML代码:

<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Mfg. date </label>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="date" class="form-control" id="startDate" name="mfg_date" value="">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Exp. Date </label>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="date" class="form-control" id="endDate" name="exp_date" value="">
</div>
</div>
<input type="hidden" name="action" value="add_medicines"/>
<button type="submit" class="btn btn-success" />Add</button>
<script>
  $("#ed_endtimedate").change(function() {
    var startDate = document.getElementById("ed_starttimedate").value;
    var endDate = document.getElementById("ed_endtimedate").value;
    if ((Date.parse(endDate) <= Date.parse(startDate))) {
      alert("End date should be greater than Start date");
      document.getElementById("ed_endtimedate").value = "";
    }
  });
</script>

在您的提交按钮上试试。

function validateForm() {
    var startDate = document.getElementById("startDate").value;
    var endDate = document.getElementById("endDate").value;
    var x = new Date(startDate);
    var y = new Date(endDate);
    if (x > y) {
        alert("Start date must be less than end date!");
        document.getElementById("endDate").value="";
        return false;
    }
}