如何比较两个 DateTimePicker 与 JQuery？

Question

我想将两个日期时间选择器与 jquery 进行比较。如果 start_date > end_date 将提醒 "Your end date input incorrect" 如何解决这个问题。我试过这段代码，但没有用。

    var startDate;
     $("#waktu_mulai").datetimepicker({
                 timepicker:true,
                 closeOnDateSelect:false,
                 closeOnTimeSelect: true,
                 initTime: true,
                 format: 'd-m-Y H:m',
                 minDate: 0,
                 roundTime: 'ceil',
                 onChangeDateTime: function(dp,$input){
                           startDate = $("#waktu_mulai").val();
                }
    });
    $("#waktu_akhir").datetimepicker({
                 timepicker:true,
                 closeOnDateSelect:false,
                 closeOnTimeSelect: true,
                 initTime: true,
                 format: 'd-m-Y H:m',
                 onClose: function(current_time, $input){
                        var endDate = $("#waktu_akhir").val();
                        if(startDate>endDate){
                               alert('Please select correct date');
                         }
                }
    });

Answer 1

在第二个输入框 (waktu_akhir) 上使用 onSelectDate 而不是 onClose 选项。

var startDate;
$("#waktu_mulai").datetimepicker({
  timepicker: true,
  closeOnDateSelect: false,
  closeOnTimeSelect: true,
  initTime: true,
  format: 'd-m-Y H:m',
  minDate: 0,
  roundTime: 'ceil',
  onChangeDateTime: function(dp, $input) {
    startDate = $("#waktu_mulai").val();
  }
});
$("#waktu_akhir").datetimepicker({
  timepicker: true,
  closeOnDateSelect: false,
  closeOnTimeSelect: true,
  initTime: true,
  format: 'd-m-Y H:m',
  onSelectDate:function(current_time, $input) {
    var endDate = $("#waktu_akhir").val();
    if (startDate > endDate) {
      alert('Please select correct date');
    }
  }
});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.js"></script>

<input type="text" id="waktu_mulai" placeholder="Start Date"> -----
<input type="text" id="waktu_akhir" placeholder="End Date">

注意：不要忘记正确添加JavaScript库并且JavaScript代码必须在document.ready.

中

如何比较两个 DateTimePicker 与 JQuery？

How To Compare Two DateTimePicker with JQuery?

jquery

datetimepicker