【问题标题】:Detect Changes Made to Input Field by Bootstrap Datetimepicker通过 Bootstrap Datetimepicker 检测对输入字段所做的更改
【发布时间】:2016-01-01 07:30:28
【问题描述】:

我设置了我的输入字段,以便当用户点击它时,会显示一个Bootstrap Datetimepicker。我想根据通过 datetimepicker 在该输入字段中输入的日期来计算一些东西。

因此我将我的计算函数定义为:

$("#dob").on("input change bind", function (e) {
        //calculate age here.
    });

“dob”是输入框的id。 Datetimepicker 正确地在字段中输入日期时间。代码:

$('#dob').datetimepicker({
            format: 'YYYY-MM-DD',
            showClose: true
        });

奇怪的是,如果我手动输入日期,这段代码就可以工作

$("#dob").change( function () {
        alert('DOB');
    });

但是当通过 Bootstrap Datetimepicker 选择日期时不会调用它。是什么导致了这里的问题?

【问题讨论】:

    标签: jquery bootstrap-datetimepicker eonasdan-datetimepicker


    【解决方案1】:

    试试

    $('#dob').change(function () { //OR $('#dob').on('change',function ()
        console.log($('#date-daily').val());
    });
    

    更新

    $('#dp3').datepicker().on('changeDate', function (ev) {
        $('#dob').change();
    });
    $('#dob').change(function () {
        console.log($('#dob').val());
    });
    

    【讨论】:

    • 我忘记通知我已经尝试过了(刚刚编辑了我的问题)。如果我手动输入日期,则此代码有效。通过 datetimepicker 选择的日期不会触发。
    • $("#dob").datepicker({ onSelect: function(dateText) { alert(this.value); } });..use this
    • 是的,我已经制作了 jsfiddle,你可以试试jsfiddle.net/BDhara/jwxvz/88@VivekanandPV
    • 看来您正在使用来自 jQueryUI 的日期选择器。我的问题是关于Bootstrap datetimepicker.
    • $("#dob").on("dp.change", function(e) { alert(); });
    猜你喜欢
    • 2019-03-03
    • 1970-01-01
    • 2016-08-10
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    相关资源
    最近更新 更多