样式化 Jquery Datepicker 触发器图标答案

【问题标题】：Styling Jquery Datepicker trigger icon样式化 Jquery Datepicker 触发器图标
【发布时间】：2013-11-04 14:39:10
【问题描述】：

这是我用于 Jquery 日期选择器的代码：

<div class="span3" style="display:inline;">
    <input type="text" id="filter-date" value="<?php echo date('Y-m-d');?>"/>
</div>

$(function() {
    $( "#filter-date" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true
    });
  });

我曾尝试在 Stack Overflow 上查看类似问题，但我无法让触发器图像与输入内联显示。这是它的样子：

另外，我在哪里可以获得用于触发器的日历图标？

【问题讨论】：

您为 buttonImage 参数指定的路径可能是错误的。您在开发过程中使用哪种浏览器？您可以在未显示的图像上执行“检查元素”并查看它使用的路径吗？您在这里没有提供太多信息供我们使用。
您可以从任何地方获取图标，但它不包含在 jQuery UI 中。只要确保您使用的图像的路径是正确的。
试试buttonImage: "/images/calendar.gif",

标签： jquery css twitter-bootstrap datepicker

【解决方案1】：

图像未与文本框内联显示的最可能原因是，由于容器的宽度有限，它被包裹到下一行。减小文本框的大小，或增加容器的大小。

【讨论】：