將日曆jquery圖像添加到日期選擇器

我不確定如何將ui-icon ui-icon-calendar類添加爲日期選擇器圖像旁邊的文本字段。我想要這樣的：http://jqueryui.com/demos/datepicker/#icon-trigger，但它應該有jQuery的日曆圖像。本將日曆jquery圖像添加到日期選擇器

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

來源

2012-05-02 user525146

只看到官方文檔：http://jqueryui.com/datepicker/#icon-trigger –

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

來源

2012-05-02 20:51:34 coder

如果您點擊鏈接到下面的例子中觀看源按鈕，你會看到這樣的事情是隻讀的。它應該是隻讀的，而不是用戶必須從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(''); 
     } 
    } 
});

來源

2012-05-02 20:47:37 ContextSwitch

我沒有在我的下載calendar_icon.png。所以我想使用ui-icon-calendar圖像。 – user525146

我們可以從雖然場場清除指定日期：

來源

2016-05-13 05:12:57

將日曆jquery圖像添加到日期選擇器

回答

相關問題