文本框中的日期更改时，on change事件不会触发

Question

我有输入类型的文本，其中有我从Viewbag中获取的数据和值。

我试图在日期更改时处理事件并为其设置日期，但它不会触发更改事件。

我正在使用bootstrap.min.js，moment.min.js bootstrap-datetimepicker.min.js JavaScript库。

  <input type="text" class="form-control" style="display:inline-block;width:120px" 
    id="openItemFromDate" 
    data-begindate="@ViewBag.InitalDates[0]" 
    value="@ViewBag.InitalDates[0]">



   var beginDate = new Date();
   var endDate = new Date();    

    $('#openItemFromDate').datetimepicker({
        format: 'MM/DD/YYYY',
        icons: {
            date: "fa fa-calendar",
            up: "fa fa-arrow-up",
            down: "fa fa-arrow-down"
        }
    });
    $('#openItemToDate').datetimepicker({
        format: 'MM/DD/YYYY',
        icons: {
            date: "fa fa-calendar",
            up: "fa fa-arrow-up",
            down: "fa fa-arrow-down"
        }
    });


    $('#openItemFromDate').on('dp.change', function (e) {
        beginDate = e.date.format("MM/DD/YYYY");

        $(this).data('begindate', beginDate);

    })

    $('#openItemToDate').on('dp.change', function (e) {
        endDate = e.date.format("MM/DD/YYYY");

        $(this).data('endDate', endDate);

    })