jquery日期选择器添加额外文本

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

日期选择器在上打开 日期字段的焦点

单击日期字段中的

单击日历图像

---

我需要在日历的正下方添加一个p标记……有没有办法做到这一点？

您可以在日历渲染后将文本附加到

#ui datepicker div

。需要注意的是，日期选择器试图实时查找输入的日期，这会刷新

#ui日期选择器div

。这意味着您需要同时观察

单击

和

键控

事件，并且仅在消息尚未出现时插入消息

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

$（'.datepicker'）.datepicker（）.bind（'click keyup'，function（））{
if（$（'ui datepicker div:last child'）.is（'table'））
$（“#ui datepicker div”）.append（“hello world
”）；
});

---

请参见操作：。

它不会隐藏您的文本框，您还可以编辑日期

$(".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');
});

$（“.date picker”）.datepicker（{
展示：“按钮”，
buttonImage:“Images/ico_calendar.png”，
buttonImageOnly:正确，
最大日期：“+6M”，
showOtherMonths：对
});
$（'.date picker'）.next（）.datepicker（）.bind（'click'，function（））{
$（“helloworld
”）.insertBefore（“.ui-datepicker头”）；
});

你问题的第一行和最后一行之间的所有文字都是什么意思？谢谢你……我在焦点上也这么做了，效果很好。虽然我面临一个问题，如果用户开始在字段中键入文本，文本将被删除……在您给出的示例中也会发生同样的情况。有线索吗？你的代码是什么样的？我不知道你所说的“用户开始在字段中键入文本将被删除”是什么意思。在你给出的在字段中键入日期为2011年10月27日的示例中，当你开始键入年份时，你会看到添加的文本将消失。以下是我的代码：$（“.datepicker”）.focus（函数（）{$（.dpTip”）.remove（）；$（'

这里有一些文本

）.appendTo（'#ui datepicker div'）；}；我不知道日期选择器会尝试实时查找日期！请参阅更新的答案。