How do you console.log the date from bootstraps datetimepicker with JS or jQuery

Question

When I click the button I want to console.log the date and time that gets inserted in the input, but when I try I only get 'undefined'.

      $('#picker-start').datetimepicker({
        timepicker: true,
        datepicker: true,
        format: 'y-m-d H:i',
        onShow: function(ct) {
          this.setOptions({
            maxDate: $('#picker-end').val() ? $('#picker-end').val() : false
          })
        }
      })
      $('#picker-end').datetimepicker({
        timepicker: true,
        datepicker: true,
        format: 'y-m-d H:i',
        onShow: function(ct) {
          this.setOptions({
            minDate: $('#picker-start').val() ? $('#picker-start').val() : false
          })
        }
      });

    <div class="form-group">
        <label for="">Start Date</label>
        <input type="text" id="picker-start" class="form-control">
        <label for="">Due Date</label>
        <input type="text" id="picker-end" class="form-control">
        <button type="submit" id="btn-time">get date</button>
      </div>

How are you trying to do this? There aren't any console.logs in your code. — Zoldszemesostoros, Jun 21 '20 at 13:42

FrozenPizzaHunter · Accepted Answer · 2020-06-21T13:57:45.840

HTML:

<div class="form-group">
    <label for="">Start Date</label>
    <input type="text" id="picker-start" class="form-control">
    <label for="">Due Date</label>
    <input type="text" id="picker-end" class="form-control">
    <button type="button" id="btn-time">get date</button>
</div>

jQuery:

$('#btn-time').on("click", function() {
    var startDate = $('#picker-start').val()
    var endDate = $('#picker-end').val()

    console.log(startDate+' - '+endDate);
});

How do you console.log the date from bootstraps datetimepicker with JS or jQuery

1 Answers1