在bootstrap datepicker上单击触发器jQuery addClass不起作用

时间:2015-05-06 06:13:24

标签: javascript jquery twitter-bootstrap bootstrap-datepicker

我使用bootstrap DatePciker,我想在天(td)添加Click事件,当我点击任何一天时,将该课程添加到当天(td)。但它不起作用。

$('#calendar').datepicker({
    multidate: true,
    todayHighlight: true,
    todayBtn: true
});

$('tbody').on('click','td.day',function(e){
    e.preventDefault();
    $(this).addClass('clicked');
});

JSFiddle

上的工作示例

1 个答案:

答案 0 :(得分:3)

您需要使用datePicker的changeDate事件。

文档:http://bootstrap-datepicker.readthedocs.org/en/latest/events.html

$('#calendar').datepicker('setDates', events)
    .on('changeDate', function (e) {
        // $(this).addClass('clicked'); // $(this) here is not what you think.
        $('.active').addClass('clicked');
    });

演示:http://jsfiddle.net/2L1ovhbm/13/