我正在使用Foundation构建一个网站,并安装了FontAwesome图标。我正在尝试设置一个表单,让用户可以点击输入框或按钮来查看jQuery日期选择器。我想在按钮中使用FontAwesome图标,但似乎无法使按钮触发日期选择器。
编辑:
我有点让它开始工作了,但仍然无法弄清楚如何实现FontAwesome图标。这是我的HTML代码:
<div class="row">
<div class="large-3 columns">
<label>Departure Date</label>
<div class="row date collapse">
<div class="small-9 columns"><input class="small-9 columns" placeholder="Choose Date" type="text" name="date" id="date"></div>
</div>
</div>
</div>
这是我的 JS 代码:
$(function() {
$( "#date" ).datepicker({
showOn: "both",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonText: "THIS IS A BUTTON",
buttonImageOnly: true
});
});
我应该把图标放在哪里?我是否可以将它放在buttonText
参数中?
buttonText: "<i class='icon-calendar'></i>"
,但它不起作用。 - mcography.ui-datepicker-trigger { border:none; background: none; }
在我的JavaScript中,我放置了$(function() { $( "#departureDate" ).datepicker({ showOn: "both", buttonText: "<i class='fa icon-calendar'></i>" }); });
我做错了什么? - mcography