在JQuery UI datepicker中添加+1,+ 5,+ 10 ...面板按钮

时间:2012-01-06 05:22:08

标签: jquery datepicker

我想知道,如何在JQuery UI datepicker中添加+1,+ 5 ...面板按钮。我甚至不知道是否可以添加自定义按钮。

有没有人有类似的问题?

是否可以添加自定义面板按钮(没有硬编码)?

1 个答案:

答案 0 :(得分:1)

Datepicker没有在创建时触发的回调。如果它有一个会很好。绑定到输入点击事件对我来说很有用,但我认为操作顺序在这里很重要。绑定datepicker后,请确保绑定输入单击事件。

http://jsfiddle.net/7dV4R/

$(function() {
    $("#datepicker").datepicker({ });
});

$('#datepicker').click( function() {
    $five = $('<button>+5</button>');
    $five.click( function() { alert('add five'); });
    $ten = $('<button>+10</button>');
    $ten.click( function() { alert('add ten'); });
    $('#ui-datepicker-div').append($five).append($ten);
});