jQuery DatePicker在beforeShow和onSelect之后追加文本

时间:2015-09-23 03:46:28

标签: javascript jquery datepicker calendar

请检查此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方法不适用于在pageload上显示的日历,当datepicker附加到输入时,它可以正常工作。

  2. 在" onSelect"中,看起来日历HTML元素已在dom中重新添加,我的追加代码不会在当前日历上运行,

  3. 我很感激任何指导,

    由于

1 个答案:

答案 0 :(得分:1)

嘿,第一个问题是在Jquery-UI DatePicker API中说的

ALTER USER tom WITH SUPERUSER;

如果你这样做是为了你的借口问题,那么它将起作用

**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.