JQuery DatePicker добавить дополнительный текст

Question

Как добавить дополнительный текст строки в элементе управления календаря плагина datepicker.

Datepicker открывается в фокусе поля даты

щелчок датыполе

щелкните изображение календаря

Мне нужно добавить метку ap прямо под календарем ... есть ли способ сделать это?

Answer 1

Вы можете добавить текст к #ui-datepicker-div после календаря. Одно предостережение заключается в том, что средство выбора даты пытается найти введенную дату в режиме реального времени, что обновляет #ui-datepicker-div. Это означает, что вам нужно наблюдать как события click, так и keyup, и вставлять сообщение, только если его там еще нет.

$('.datepicker').datepicker().bind('click keyup', function() {
    if ($('#ui-datepicker-div :last-child').is('table'))
        $('#ui-datepicker-div').append('<p>hello world</p>');
});

Смотрите это в действии: http://jsfiddle.net/william/ctqUa/1/.

Answer 2

Это не скроет ваше текстовое поле, и вы также можете редактировать дату.

$(".date-picker").datepicker({          
    showOn: "button",
    buttonImage: "Images/ico_calendar.png",
    buttonImageOnly: true,
    maxDate:"+6M",
    showOtherMonths: true

});
$('.date-picker').next().datepicker().bind('click', function() {
    $('<p>hello world</p>').insertBefore('.ui-datepicker-header');
});