Question

我试图在两个日期之间减去。日期“ a”和日期“ b”使用我在这里找到的代码。它适用于jsfiddle.net，但不适用于我的项目。

这是我的代码： HTML和JS

$(document).ready(function() {

  $("#startdate,#enddate").datepicker({
    changeMonth: true,
    changeYear: true,
    firstDay: 1,
    dateFormat: 'dd/mm/yy',
  })

  $("#startdate").datepicker({
    dateFormat: 'dd-mm-yy'
  });
  $("#enddate").datepicker({
    dateFormat: 'dd-mm-yy'
  });

  $('#enddate').change(function() {
    var start = $('#startdate').datepicker('getDate');
    var end = $('#enddate').datepicker('getDate');

    if (start < end) {
      var days = (end - start) / 1000 / 60 / 60 / 24;
      $('#days').val(days);
    } else {
      alert("You cant come back before you have been!");
      $('#startdate').val("");
      $('#enddate').val("");
      $('#days').val("");
    }
  }); //end change function
}); //end ready

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css">
<div class="form-group">
  <label class="control-label col-md-3">date 1</label>
  <div class="col-md-1 col-xs-11">
    <input type="text" class="form-control" id="startdate">
  </div>
</div>

<div class="form-group">
  <label class="control-label col-md-3">date 2</label>
  <div class="col-md-1 col-xs-11">
    <input type="text" class="form-control" id="enddate">
  </div>
</div>

<div class="form-group">
  <label class="control-label col-md-3">result</label>
  <div class="col-md-1 col-xs-11">
    <input type="text" class="form-control" id="days">
  </div>
</div>

但是当我导入项目时，它不起作用。像JS文件一样，找不到HTML的“ id”，否则。谁能帮我吗？

这是该查询的The JSFIDDLE link。

Answer 1

我可以用无痕模式查看吗？ Ctrl + Shift + N并隐身登录

减去日期jQuery

1 个答案: