Jquery UI 日期选择器更改按钮

Question

你好，我这里有一个按钮，点击它会显示日历：

What I want to achieve is that when a date is picked, the button text and image will be replace by e.g. 22-07-2016，到目前为止还没有更改它。

<input name="depart" id="depart">

$( "#depart" ).datepicker({
defaultDate: null,
dateFormat: "dd-mm-yy",
showOn: "button",
buttonText: "<span class='glyphicon glyphicon-calendar'></span>Depart<span class='glyphicon glyphicon-menu-down'></span>",
});

我试过多种方法如：

onSelect: function(date) {
        buttonText: date,
},

Answer 1

根据初始加载后设置选项文档中的语法，您应该这样做：

onSelect: function(date)
{
    $(this).datepicker("option", "buttonText", date);
}

见http://api.jqueryui.com/datepicker/#option-buttonText

Answer 2

您必须使用 option 设置选项的值。 试试，

onSelect: function(date) {
    $(this).datepicker('option', 'buttonText', date);
},