jquery - Jquery Datepicker トリガー アイコンのスタイリング

Question

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
    });
  });

ここでスタックオーバーフローで同様の質問を見てみましたが、トリガー画像を入力とインラインで表示できません。これは次のようになります。

また、トリガーに使用するカレンダー アイコンはどこで入手できますか?

Answer 1

画像がテキストボックスにインラインで表示されない理由として最も可能性が高いのは、コンテナの幅が限られているために画像が次の行に折り返されているためです。テキストボックスのサイズを小さくするか、コンテナのサイズを大きくしてください。