如何使用JQuery处理Datepicker的事件

时间:2017-01-12 06:43:48

标签: jquery datepicker

在我的应用程序中,我使用bootprap使用datepicker。如何使用Jquery处理更改月/年事件。请有人举一个例子。

2 个答案:

答案 0 :(得分:0)

changeDate事件仅适用于使用datepicker更改日期的时间。

尝试这样的事情:

$(document).ready(function() {
    $('.datepicker').datepicker({
        format: "yyyy-mm-dd",
    })
    //Listen for the change even on the input
    .change(dateChanged)
    .on('changeDate', dateChanged);
});

function dateChanged(ev) {
    $(this).datepicker('hide');
    if ($('#startdate').val() != '' && $('#enddate').val() != '') {
        $('#period').text(diffInDays() + ' d.');
    } else {
        $('#period').text("-");
    }
}

答案 1 :(得分:0)

尝试使用此功能可以在更改日期以外的其他事件时处理事件。

  $j(document).delegate('.ui-datepicker-prev', 'click', function () {
        alert("Previous Button Clicked");
  });

  $j(document).delegate('.ui-datepicker-next', 'click', function () {
        alert("next Button Clicked");
  });

  $j(document).delegate('.ui-datepicker-header', 'click', function () {
        // This is for handle header Part (including button and dropdown for month and year
  });