jQuery DatePicker 附加文​​本 beforeShow 和 onSelect

Question

请查看fiddle

第一个日历是我目前拥有的，我想在日历底部添加一些文本元素在 div .ui-datepicker

我的这段代码不能正常工作，

(function($) {
     $('.date').datepicker({
        beforeShow: function(input, inst) {
            alert('Show it to me baby');
            $(this).find('.ui-datepicker').append( 'Here I am' );
        },
        onSelect: function(dateText, inst) {
            var date = $(this).val();
            alert( date ); 
            $(this).find('.ui-datepicker').append( date );
        }
    }); 
})(jQuery);

我的问题是

1. beforeShow 方法不适用于在页面加载时显示的日历，当 datepicker 附加到输入时它可以正常工作。

2. 在“onSelect”事件中，似乎日历 HTML 元素已重新添加到 dom 中，我的附加代码不会在当前日历上运行，

如果有任何指导，我将不胜感激，

谢谢

Answer 1

你好，据说是 Jquery-UI DatePicker API 中的第一个问题

**beforeShow** 
Type: Function( Element input, Object inst )
Default: null
A function that takes an input field and current datepicker instance and returns an options object to update the datepicker with. It is called just before the datepicker is displayed.

对于你的第二个问题，如果你这样做，它会起作用

$(this).append(date);