无法从 Bootstrap-datetimepicker 获取所选日期的值

Question

我需要在日历关闭后获取 input 中显示的值。

下面是我试过但从未命中任何一个的代码

    $('#startDate').click(function () {
       console.log('1: ' + $('#startDate').val())
    })

    $('#startDate').change(function () {
       console.log('1.25: ' + $('#startDate').val())
    })

    $('#startDate').on("change", function() {
        alert($(this).val()); 
    });

    $('#startDate').on("change paste keyup", function() {
        alert($(this).val()); 
    });

    $("#startDate").on("input propertychange",function(){
        alert($(this).val());
    });

    $("#startDate").on("change paste keyup select", function() {
        alert($(this).val());
    });

    $("#startDate").bind('change', function(event) {
        alert( $("#startDate").attr("value") );
    });

这是我的HTML

<div class="col-md-3 col-lg-2 col-sm-12 col-xs-12">
<label for="startDate">Start date (MM/YYYY)</label>
<div class="input-group datetime" id="start_picker"
    data-date-format="MM/YYYY">
    <input type="text" name="startDate" id="startDate"
        class="form-control make-datepicker" data-date-format="MM/YYYY"
        data-parsley-date="" maxlength="7" autocomplete="off">
    <span class="input-group-addon">
        <span class="fa fa-calendar"></span>
    </span>
</div>

我还在 input 元素 (<input id="startDate" onchange="test()">) 上尝试了 onchange，它应该在我的 JQuery 中调用一个函数调用，但仍然没有。

我需要这个值，这样我就可以过滤 table 但我现在很困惑。

虽然当我第一次单击该字段以显示日历时，这条线确实有效

    $('#startDate').click(function () {
        console.log('1: ' + $('#startDate').val())
    })

Answer 1

请在尝试此代码后包含 moment js:

$('#startDate').on('changeDate', function(ev){

    console.log(moment(ev.date).format('YYYY-MM-DD'));

});

或

$('#startDate').datepicker().on('changeDate', function(e) {

    console.log(moment(e.date).format('YYYY-MM-DD'));

});

无法从 Bootstrap-datetimepicker 获取所选日期的值

Cannot Get Value Of Selected Date From Bootstrap-datetimepicker

html

jquery

bootstrap-datepicker

bootstrap-datetimepicker