web-dev-qa-db-ja.com

カレンダーのjquery画像をdatepickerに追加します

テキストフィールドの横にui-icon ui-icon-calendarクラスをdatepickerイメージとして追加する方法がわかりません。次のようなものが必要です。 http://jqueryui.com/demos/datepicker/#icon-trigger ですが、jqueryカレンダーイメージが必要です。

jqueryjquery-uidatepickerjquery-ui-datepicker
14
user525146
<script>
        $(function() {
            $( "#datepicker" ).datepicker({
                showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });
        });
</script>
28
coder

リンクした例の下にある[ソースの表示]ボタンをクリックすると、次のようなものが表示されます。

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

これにより、フィールドは読み取り専用ですが、フィールドから指定された日付をクリアできます。

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