テキストフィールドの横にui-icon ui-icon-calendar
クラスをdatepickerイメージとして追加する方法がわかりません。次のようなものが必要です。 http://jqueryui.com/demos/datepicker/#icon-trigger ですが、jqueryカレンダーイメージが必要です。
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true
});
});
</script>
リンクした例の下にある[ソースの表示]ボタンをクリックすると、次のようなものが表示されます。
$('#field').datepicker({
buttonImage: '/images/calendar_icon.png'
});
これにより、フィールドは読み取り専用ですが、フィールドから指定された日付をクリアできます。
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('');
}
}
});