Aggiungi l'immagine jquery del calendario a datepicker

Question

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.

Answer 1

<script> 
     $(function() { 
      $("#datepicker").datepicker({ 
       showOn: "button", 
       buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
       buttonImageOnly: true 
      }); 
     }); 
</script> 

Answer 2

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' 
}); 

Answer 3

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(''); 
     } 
    } 
});