从日期选择器的按钮面板中删除默认按钮

Question

我想保留按钮面板，但我不想要“今天”或“完成”按钮

jquery:

$(document).ready(function () {
       $(".datepicker").datepicker({
            showOn: "button",
            buttonText: "Date",
            showButtonPanel: true
        });
});

html:

<div>
    <label for="start">Start</label>
    <input id="start" type="text" class="datepicker"/>
</div>

<div>
    <label for="end">End</label>
    <input id="end" type="text" class="datepicker"/>
</div>

Answer 1

更新

显然我提供的解决方案有点过时了。请参阅下面的答案以获取有效的修复：https://stackoverflow.com/a/24806307/959041

---

您应该添加该选项

showButtonPanel: false

使您可以

$("#test").datepicker({
    showButtonPanel: false
});

更新

删除按钮，但能够添加其他按钮，您可以使用beforeShow事件。所以你有类似的东西，

$("#test").datepicker({
    beforeShow: function() {
        $(".ui-datepicker-buttonpane")
            .html('')
            .append("<button>new button</button>");
    }
});

请参阅 http://jqueryui.com/demos/datepicker/#buttonbar 用于文档

Answer 2

我刚刚接受了之前的答案并找到了如何使其工作，但这看起来很难看。

基本上我添加的是 setTimeout ，因为按钮窗格的内容似乎是在 beforeShow 事件之后呈现的：

$('.datepicker').datepicker({
    showOn: 'button',
    buttonText: 'Date',
    showButtonPanel: true,
    beforeShow: function (){
        setTimeout(function() {
         $(".ui-datepicker-buttonpane")
            .html('')
            .append("<button>new button</button>");
        }, 1)
    }
});

http://jsfiddle。净/zEper/278/