Non sono sicuro di come aggiungere la classe ui-icon ui-icon-calendar
come immagine Datepicker accanto al campo di testo. Voglio qualcosa del genere: http://jqueryui.com/demos/datepicker/#icon-trigger, ma dovrebbe avere l'immagine del calendario jquery.Aggiungi l'immagine jquery del calendario a datepicker
11
A
risposta
21
<script>
$(function() {
$("#datepicker").datepicker({
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true
});
});
</script>
3
Se si fa clic sul pulsante di vista di origine sotto l'esempio si è collegato al, vedrete qualcosa di simile:
$('#field').datepicker({
buttonImage: '/images/calendar_icon.png'
});
+0
Non ho il calendar_icon.png nel mio download. quindi volevo usare l'immagine di ui-icon-calendar. – user525146
0
da questo siamo in grado di cancellare la data indicata dal campo se il campo è readonly. Dovrebbe essere readonly non deve essere dato dall'utente deve essere scelto da DatePicker.
html:
$("#datepickerID").datepicker({
showOn: "button",
buttonImage: "images/calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
minDate : 0,
showButtonPanel: true,
closeText: 'Clear',
onClose: function() {
var event = arguments.callee.caller.caller.arguments[0];
// If "Clear" gets clicked, then really clear it
if ($(event.delegateTarget).hasClass('ui-datepicker-close')) {
$(this).val('');
}
}
});
Problemi correlati
- 1. jQuery UI datepicker: aggiungi 6 mesi a un altro datepicker
- 2. Datepicker non visualizza il calendario
- 3. Aggiungi carattere icona impressionante a pieno titolo del calendario
- 4. JQuery lingua datepicker
- 5. Come configurare jQuery UI Datepicker per usare un calendario localizzato?
- 6. jQuery DatePicker come disabilitare la selezione automatica del giorno durante la navigazione del calendario?
- 7. Aggiungi posizione a EKEvent Calendario IOS
- 8. Jquery datepicker - triggering manuale
- 9. passare un elenco di date a un calendario JQuery
- 10. Android - Nuovo stile calendario DatePicker e TimePicker
- 11. aggiungi li a metà del ul (jquery)
- 12. aggiungi EventHandler di jQuery UI datepicker dopo la sua creazione
- 13. Aggiungi evento settimanale al calendario
- 14. Modifica jquery datepicker CSS con beforeShowDay
- 15. jquery datepicker data predefinita
- 16. Jquery ui Datepicker maxDate dinamicamente
- 17. jQuery UI Datepicker - Perché il 2nd datepicker scompare onfocus?
- 18. Quale modo per aggiungere testo a jquery ui datepicker cell?
- 19. jQuery UI DatePicker per mostrare solo l'anno
- 20. jQuery - Aggiungi unità a offset
- 21. Jeditable con jQuery UI Datepicker
- 22. Ruby aggiungi un mese di calendario
- 23. JQuery datepicker- 2 ingressi Da e A
- 24. Aggiungi ulteriore classe css a Yii2 jui datepicker
- 25. JQuery UI Datepicker: Fare un datepicker grilletto
- 26. Mostra testo aggiuntivo accanto a date in jQuery UI datepicker
- 27. Applica jQuery datepicker a più istanze
- 28. Collegamento a jQuery Datepicker Blur Event
- 29. Parsing datepicker in jquery
- 30. jquery ui datepicker anno successivo e precedente
Basta vedere la documentazione ufficiale: http://jqueryui.com/datepicker/#icon-trigger –