Jquery UI 日期选择器更改按钮答案

【问题标题】：Jquery UI datepicker change buttonJquery UI 日期选择器更改按钮
【发布时间】：2016-11-26 01:48:04
【问题描述】：

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

我想要实现的是，当挑选日期时，按钮文本和图像将被例如替换。 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,
},

【问题讨论】：

而不是修改buttonText var，您是否尝试在jquery中选择您的按钮并替换文本？
它不是一个按钮，它是一个，所以我无法向它添加文本。

标签： jquery jquery-ui datepicker jquery-ui-datepicker uidatepicker

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：