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

私はこの方法で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
追加された
ビュー: 3
源
ro ru fr es pt de zh hi bn ar kk uz tr
@ Pointy：ブラウザに画像を表示します。
追加された 著者 Naor, 源
完全修飾ドメイン名を使用してイメージを参照する必要がありますか？あなたのページが同じサーバー上にある場合、私は '/proj/styles/calendar/images/calendar/cal.gif'を使います。
追加された 著者 halfer, 源
そのURLをブラウザのアドレスフィールドに直接入力するとどうなりますか？
追加された 著者 Pointy, 源
それはすべてのブラウザで起こっていますか？
追加された 著者 Sameera Thilakasiri, 源

2 答え

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 ）

0
追加された
源
残念ながら、これは動作しません..
追加された 著者 Naor, 源

アイコンを表示するには、 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
追加された
源