您如何使用 JS 或 jQuery 从引导 datetimepicker 中控制台记录日期 [重复]

Posted 2023-05-07

【中文标题】您如何使用 JS 或 jQuery 从引导 datetimepicker 中控制台记录日期 [重复]

【英文标题】：How do you console.log the date from bootstraps datetimepicker with JS or jQuery [duplicate]

【发布时间】：2020-10-11 10:07:28

【问题描述】：

当我单击按钮时，我想console.log 插入输入中的日期和时间，但是当我尝试时，我只得到“未定义”。

      $('#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>

【问题讨论】：

你是怎么做到的？您的代码中没有任何 console.logs。

【参考方案1】：

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