javascript - 日期范围选择器如何在输入日期时触发事件

标签 javascript jquery twitter-bootstrap datepicker

我正在使用 Dan Grossman 的 daterangepicker。

http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

这是在我的网页中初始化的,现在我正在尝试编写将在用户输入日期后实现的 javascript。但是,我在让 daterangepicker 触发事件时遇到了困难。

我使用的代码是

$('#dateRange').on('changeDate', function(ev){
    alert(ev);
});

这里是初始化daterangepicker的代码

$('#dateRange').daterangepicker({
    ranges: {
        'Today': [moment(), moment()],
        'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
        'Last 7 Days': [moment().subtract('days', 6), moment()],
        'Last 30 Days': [moment().subtract('days', 29), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
    },
    startDate: moment().subtract('days', 29),
    endDate: moment()
},
function(start, end) {
    $('#dateRange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
});

我已经尝试了很多不同的方法来监听事件,例如 on.('blur')on.('enter') 但没有触发我的事件。

最佳答案

来自 daterangepicker.com:

$('#daterange').on('apply.daterangepicker', function(ev, picker) {
    alert ('hello');
});

关于javascript - 日期范围选择器如何在输入日期时触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18562616/

相关文章:

javascript - jQuery - 注册/取消注册元素 "document"的监听器

javascript - 尝试实现 JSFiddle 示例

javascript - JQuery 淡入背景的原始 Javascript

twitter-bootstrap - Google Charts 和 Twitter Bootstrap 选项卡

javascript - 完全替换一个对象

javascript - 正则表达式向前看和向后看

javascript - 尝试创建自定义 Bootstrap 导航栏

jquery - 在 jQuery Mobile 网络应用程序中控制 CSS 时遇到问题

html - 带有悬停动画的 Bootstrap 按钮

html - 如何在 Bootstrap 中创建选项卡式面板