').datepicker({ buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif" }).appendTo(container); Bu yol "http://localhost:"> ').datepicker({ buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif" }).appendTo(container); Bu yol "http://localhost:"> ').datepicker({ buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif" }).appendTo(container); Bu yol "http://localhost:" />

takvim simgesi görünmüyor

Bu şekilde jQuery ui datepicker kullanıyorum:

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

Bu yol "http://localhost: 2000/proj/styles/calendar/images/calendar/cal.gif" bir görüntüyü yönlendirir. Ben kontrol ettim.

Bu kod yürütüldüğünde, bir simge olmayan çalışma tarihi seçicisiyle sona erer. Metin kutusuna odaklanırsam bir takvim belirir.

Takvim simgesi neden gösterilmiyor?

1
@Pointy: Görüntüyü tarayıcıda gösterir.
katma yazar Naor, kaynak
Tam nitelikli alan adını kullanarak resme başvurmanız mı gerekiyor? Sayfanız aynı sunucudaysa '/proj/styles/calendar/images/calendar/cal.gif' adresini kullanırdım.
katma yazar halfer, kaynak
Bu URL’yi doğrudan tarayıcı adres alanına koyarsanız ne olur?
katma yazar Pointy, kaynak
Tüm tarayıcılarda oluyor mu?
katma yazar Sameera Thilakasiri, kaynak

2 cevap

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

bu satırı değiştirmeyi kontrol edin:

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

tarihçinin ana kaynağında (varsayılan: jquery.ui.datepicker.js )

0
katma
ne yazık ki bu işe yaramıyor ..
katma yazar Naor, kaynak

Gösterilecek simge için showOn seçeneğini düğmesi veya her ikisi de olarak ayarlamanız gerekir.

Ayrıca, tarih seçicisinin girdinin DOM ağacında bulunmadan önce simgeyi ekleyerek zor bir zaman aldığını düşünüyorum. Yani, appendTo() ve datepicker() çağrılarını değiştirmeyi düşünmelisiniz:

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

Bunu eylemde görün: http://jsfiddle.net/william/GyP2u/1/ .

0
katma