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 не работает для календаря, который отображается в pageload, он отлично работает, когда datepicker подключен к входу.

2. В случае «onSelect», это выглядит как календарь HTML элемент был повторно добавлен в йот и мой Append код не будет работать на текущем календаре,

Я был бы признателен за любые указания ,

Благодаря

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. 

Для вашего Seconde вопрос, если вы сделаете это будет работать

$(this).append(date);