Как сравнить два DateTimePicker с JQuery? - PullRequest
Новая
       11

Как сравнить два DateTimePicker с JQuery?

0 голосов
/ 01 ноября 2019

Я хочу сравнить два datetimepicker с jquery. Если start_date> end_date выдаст сообщение «Введен неверный ввод даты окончания» Как решить эту проблему. Я пытался с этим кодом, но не работал. 

    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');
                         }
                }
    });

1 Ответ

1 голос
/ 01 ноября 2019

Используйте onSelectDate вместо опции onClose во втором поле ввода (waktu_akhir). 

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.

...