从 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。您可以从分配给日期选择器的相同输入中获取值。到达日期选择器小部件的最后一个屏幕后，它 'changes' 关联输入的值。监听该框上的 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();

    });

从 bootstrap datetimepicker 获取数据

Get data from bootstrap datetimepicker

javascript

jquery

bootstrap-datepicker

bootstrap-datetimepicker