相关疑难解决方法(0)

我需要jquery datepicker在链接点击时显示,当选择日期时将链接文本更改为此日期,我该怎么办？

jQueryUI有一个很好的DatePicker带图标触发器(日历图标打开日历,类似于Outlook的行为).

另一方面,Bootstrap 3的输入组非常适合将图标连接到输入字段.

两者可以合并而不重写其中任何一个吗？

我在这里做了一个JSFiddle.对于"开始日期",jQueryUI图标触发器未激活.对于«结束日期»,它已启用.遗憾的是,DatePicker图标出现在结束日期的输入组之外:

那么,是否可以将图标触发器作为输入组的一部分(看起来像"开始日期",但行为类似«结束日期»)而无需大量修改？

主图标触发代码:

$("#datepicker-end").datepicker({
showOn: "button",
buttonImage: "img/calendar.gif",
buttonImageOnly: true
});

主输入组代码:

<div class="input-group">
<input type="text" id="datepicker-start" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>