Ajouter une image jquery de calendrier à un sélecteur de dates

Question

Je ne sais pas comment ajouter le ui-icon ui-icon-calendar classe comme une image de datepicker à côté du champ de texte. Je veux quelque chose comme ça: http://jqueryui.com/demos/datepicker/#icon-trigger , mais il devrait avoir l'image du calendrier jquery.

Answer 1

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

Answer 2

Si vous cliquez sur le bouton Afficher la source sous l'exemple auquel vous avez lié, vous verrez quelque chose comme ceci:

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

Answer 3

par cela, nous pouvons effacer la date donnée du champ bien que le champ soit en lecture seule. Il doit être lu uniquement pour ne pas être donné par l'utilisateur doit être choisi dans 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('');
        }
    }
});