jquery datepicker添加额外的文本

Question

如何在datepicker插件的日历控件中添加额外的行文本。

Datepicker在上打开 日期字段的重点

点击日期字段

点击日历图片

我需要在日历下面添加一个p标签......有没有办法做到这一点？

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');
});