カレンダーアイコンが表示されない

Question

私はこの方法でjquery ui datepickerを使用しています：

$('<input type="text" />').datepicker({
    buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif"
}).appendTo(container);

このパス "http：// localhost：2000/proj/styles/calendar/images/calendar/cal.gif"は画像につながります。私はそれをチェックした。

このコードが実行されると、アイコンを持たない作業日のピッカーが表示されます。テキストボックスにフォーカスすると、カレンダーが表示されます。

カレンダーアイコンが表示されないのはなぜですか？

1

追加された 27 10月 2011 〜で 01:25 著者 Naor

ビュー: 42

@ Pointy：ブラウザに画像を表示します。

追加された 27 10月 2011 〜で 01:36, 著者 Naor, 源

完全修飾ドメイン名を使用してイメージを参照する必要がありますか？あなたのページが同じサーバー上にある場合、私は '/proj/styles/calendar/images/calendar/cal.gif'を使います。

追加された 27 10月 2011 〜で 01:33, 著者 halfer, 源

そのURLをブラウザのアドレスフィールドに直接入力するとどうなりますか？

追加された 27 10月 2011 〜で 01:30, 著者 Pointy, 源

それはすべてのブラウザで起こっていますか？

追加された 27 10月 2011 〜で 01:37, 著者 Sameera Thilakasiri, 源

2 答え

アイコンを表示するには、 showOn オプションをボタンまたは both のいずれかに設定する必要があります。

また、入力がDOMツリー上にある前に、日付ピッカーがアイコンを追加するのに苦労していると思います。したがって、 appendTo（）と datepicker（）の呼び出しをスワップすることを検討する必要があります。

$('<input type="text" />').appendTo(container)).datepicker({
    buttonImage: "icon url",
    buttonImageOnly: true,
    showOn: 'button'
});

具体的には、 http://jsfiddle.net/william/GyP2u/1/ をご覧ください。

0

追加された 28 10月 2011 〜で 12:29 著者 William Niu

著者 Ricardo Binns · Answer 1 · 2011-10-27T01:39Z

i think that the option will only actived when u focus the input, because as default is showOn: 'focus'

したがって、この行を変更して確認してください：

buttonImage: '',//URL for trigger button image

datepickerのメインソース（デフォルト： jquery.ui.datepicker.js ）