Primefaces 单击p:calendar next和prevous图标时如何调用JavaScript方法？

我正在用

Primefaces

开发一个项目

我需要在

p:calendar

中清除所选日期，这样，我就可以在内部添加一个带有p:calendar组件的清除按钮，以便在单击该清除按钮时清除所选日期

示例JavaScript代码：

   function addClearButton()
        {
            var r = $('<input/>').attr({
                type: "button",
                id: "field",
                class: "ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all",
                onclick: "clearDate()",
                value: 'clear'
            });
                $('#field').remove();
                $("#ui-datepicker-div").append(r); // ui-datepicker-div is a default id(See on firebug). 
             }

   function clearDate()
    {
        $('#calenderId_input').val(""); //calenderId_input is a default id(See on firebug).  
    }

 <p:calendar  id="calenderId" showButtonPanel="true" onclick="addClearButton();"/>

函数addClearButton（）
{
var r=$（''）.attr({
键入：“按钮”，
id:“字段”，
类：“ui日期选择器当前ui状态默认ui优先级次要ui角点全部”，
单击“clearDate（）”，
值：“清除”
});
$（“#字段”）.remove（）；
$（“#ui-datepicker-div”）.append（r）；//ui-datepicker-div是一个默认id（请参见firebug）。
}
函数clearDate（）
{
$（'#calenderId_input'）.val（“”；//calenderId_input是一个默认id（请参见firebug）。
}

Primefaces组件：

   function addClearButton()
        {
            var r = $('<input/>').attr({
                type: "button",
                id: "field",
                class: "ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all",
                onclick: "clearDate()",
                value: 'clear'
            });
                $('#field').remove();
                $("#ui-datepicker-div").append(r); // ui-datepicker-div is a default id(See on firebug). 
             }

   function clearDate()
    {
        $('#calenderId_input').val(""); //calenderId_input is a default id(See on firebug).  
    }

 <p:calendar  id="calenderId" showButtonPanel="true" onclick="addClearButton();"/>

在这里，我添加了我尝试过的示例代码

通过使用上面的代码，我们可以添加按钮，但当单击下一个或上一个按钮时，添加的按钮将自动删除

因此，当单击

p:calendar

next and previous按钮（图标）添加按钮或向我建议任何新想法时，我需要调用

JavaScript

方法

---

请帮助我。

显示您已经尝试过的内容将帮助其他人帮助您…@TocToc请查看我的更新问题。您在示例代码中所做的与您在问题标题中所发布的完全不同。一点关系也没有。为什么不将jquery事件处理程序添加到按钮中，然后再次添加clear按钮/@Kukeltje上面的代码是在日历组件中添加clear按钮…我的疑问是当单击calendar next和previous按钮时如何调用js方法..因为我添加的按钮在单击next和previous按钮时自动清除..所以我有一个想法当点击下一个和上一个按钮时，我会调用上面的addClearButton（）方法来再次添加按钮，所以我问如何通过点击日历的上一个和下一个按钮来调用js方法。。