无法从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>

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

我需要该值，以便可以过滤表，但现在我很困惑。

当我第一次单击该字段以显示日历时，此行仍然有效

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

Answer 1

请尝试以下代码，然后添加一下js：

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

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

});

OR

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

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

});