el icono del calendario no aparece

Estoy usando jQuery ui datepicker de esta manera:

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

Esta ruta "http://localhost: 2000/proj/styles/calendar/images/calendar/cal.gif" conduce a una imagen. Yo lo revisé.

cuando este código se ejecuta, termino con un selector de fecha de trabajo que no tiene un icono. Si enfoco el cuadro de texto, aparece un calendario.

¿Por qué no aparece el icono del calendario?

1
@Pointy: Muestra la imagen en el navegador.
agregado el autor Naor, fuente
¿Necesita referirse a la imagen usando su nombre de dominio completo? Usaré '/proj/styles/calendar/images/calendar/cal.gif' si su página está en el mismo servidor.
agregado el autor halfer, fuente
¿Qué sucede cuando colocas esa URL directamente en el campo de dirección del navegador?
agregado el autor Pointy, fuente
¿Está sucediendo en todos los navegadores?
agregado el autor Sameera Thilakasiri, fuente

2 Respuestas

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

Así que, compruebe cambiando esta línea:

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

en la fuente principal de datepicker (predeterminado: jquery.ui.datepicker.js )

0
agregado
desafortunadamente esto no funciona ...
agregado el autor Naor, fuente

Debe configurar la opción showOn en el botón o ambos para que aparezca el icono.

Además, creo que el selector de fechas tiene dificultades para agregar el ícono antes de que la entrada esté en el árbol DOM. Por lo tanto, debe considerar intercambiar las llamadas a appendTo() y datepicker() :

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

Vea esto en acción: http://jsfiddle.net/william/GyP2u/1/

0
agregado
JavaScript - Comunidad española
JavaScript - Comunidad española
4 de los participantes

En este grupo hablamos de JavaScript. Partner: es.switch-case.com