kalenderpictogram verschijnt niet

Ik gebruik jQuery ui datepicker op deze manier:

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

Dit pad "http://localhost: 2000/proj/styles/calendar/images/calendar/cal.gif" leidt naar een afbeelding. Ik heb het gecontroleerd.

wanneer deze code wordt uitgevoerd, kom ik uit bij de datumkiezer die geen pictogram heeft. Als ik het tekstvak focus, verschijnt er een kalender.

Waarom verschijnt het kalenderpictogram niet?

1
@Pointy: het toont de afbeelding in de browser.
toegevoegd de auteur Naor, de bron
Moet u naar de afbeelding verwijzen met behulp van de volledig gekwalificeerde domeinnaam? Ik zou '/proj/styles/calendar/images/calendar/cal.gif' gebruiken als uw pagina zich op dezelfde server bevindt.
toegevoegd de auteur halfer, de bron
Wat gebeurt er wanneer u die URL rechtstreeks in het adresveld van de browser plaatst?
toegevoegd de auteur Pointy, de bron
Is het in alle browsers aan het gebeuren?
toegevoegd de auteur Sameera Thilakasiri, de bron

2 antwoord

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

dus, controleer het wijzigen van deze regel:

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

in de hoofdbron van datepicker (standaard: jquery.ui.datepicker.js )

0
toegevoegd
helaas werkt dit niet ..
toegevoegd de auteur Naor, de bron

U moet de showOn -optie instellen op knop of beide om het pictogram weer te geven.

Ook denk ik dat de datepicker moeite heeft om het pictogram toe te voegen voordat de invoer in de DOM-tree staat. U zou dus moeten overwegen om de appendTo() en datepicker() -aanroepen om te wisselen:

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

Zie dit in actie: http://jsfiddle.net/william/GyP2u/1/ .

0
toegevoegd