样式Jquery Datepicker触发器图标

时间:2013-11-04 14:39:11

标签: jquery css twitter-bootstrap datepicker

以下是我用于Jquery datepicker的代码:

<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上查看类似的问题,但我无法让触发器图像与输入内联。这就是它的样子:

enter image description here

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

1 个答案:

答案 0 :(得分:0)

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