Thêm hình ảnh jquery lịch vào datepicker

Question

Tôi không chắc chắn cách thêm lớp ui-icon ui-icon-calendar làm hình ảnh datepicker bên cạnh trường văn bản. Tôi muốn một cái gì đó như thế này: http://jqueryui.com/demos/datepicker/#icon-trigger, nhưng nó phải có hình ảnh lịch jquery.

Answer 1

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

Answer 2

Nếu bạn nhấp vào nút xem nguồn dưới Ví dụ, bạn có liên quan đến, bạn sẽ thấy một cái gì đó như thế này:

$('#field').datepicker({   
    buttonImage: '/images/calendar_icon.png' 
}); 

Answer 3

của thành viên này chúng ta có thể xóa ngày được từ lĩnh vực mặc dù lĩnh vực này là chỉ đọc. Nó phải được chỉ đọc không được đưa ra bởi người dùng phải được chọn từ 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(''); 
     } 
    } 
});