从bootstrap datetimepicker

Question

我正在尝试获取日期值来查询我的数据库。我一直在undefined。我检查了所有文档，但我找不到获取数据的方法。 I'm using this bootstrap datetime选择器

HTML文件：

<div class="form-group">
    <label for="to" class="col-md-2 control-label">Start Date</label>
    <div class="input-group date to col-md-5" data-date="2017-01-01T05:25:07Z"  data-link-field="dtp_input1">
        <input class="form-control" size="16" type="text" value="" readonly>
        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
    </div>
    <input type="hidden" id="from" value="" /><br/>
</div>

JavaScript文件：

$(".to").datetimepicker({
    format: "yyyy-mm-ddThh:ii:ssZ",
    onSelect: function() {
        endValue = $(this).datetimepicker('getDate');
    }
});

//console.log(endValue);

Answer 1

我根本没有在文档中看到onSelect事件，因此我不确定您从哪里获得该事件。也不是getDate。您可以从分配了datepicker的相同输入中获取值。一旦到达datepicker小部件的最后一个屏幕，它就会“更改”相关输入的值。在该框中收听change事件，了解它何时发生。

$(".to > .form-control").on('change', function( evt ) {
    var date = $(this).val();
    console.log( date ); 
});

Answer 2

$(".to").datetimepicker()
        .on('change', function( evt ) {
        startValue = $('#to').val();

    });