2010-01-12 88 views
1

如何在使用jQuery datepicker時在輸入字段後插入圖像?jQuery datepicker。如何在輸入字段後插入datepicker.gif

我希望使用函數:buttonImage。

My jQuery code: 

     jQuery('.datepicker').datepicker({ 
      buttonImageOnly: true, 
      buttonImage: 'http://finansraadet.opengate.dk/images/arrowH3.gif', 
    //  dayNamesMin: ['man', 'tir', 'ons', 'tor', 'fre', 'lør', 'søn'], 
    //  monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'], 
    //  yearRange: '2004:2015', 
      changeMonth: true, 
      changeYear: true, 
      dateFormat: 'dd-mm-yy', 
      minDate: new Date(1973, 1 - 1, 1) 
     }); 

在表單中有一個輸入字段。但之後沒有任何形象結束。點擊輸入字段時,datepicker工作得很好。

怎麼辦?我用錯了嗎?

BR。 Anders

回答

2

您缺少showOn:'button'選項。您的代碼按照打開此選項的方式工作。

+0

謝謝。發現!它起到了魅力的作用。我很抱歉,但我不能將兩個答案標記爲正確的,所以我(不公平)給比爾特里勾上了對號,以幫助他增加他的聲望。還有一種方法可以讓你在脖子上感受到他的呼吸;-) – Tillebeck 2010-01-13 10:30:49

+0

改變了我的想法。我想你的回答是基於我發佈的jQuery最令人懷疑的。感謝您的幫助 – Tillebeck 2010-01-13 10:31:50

+0

定位日曆/按鈕圖像:http://stackoverflow.com/a/10240362/1351605 – TARKUS 2016-12-31 17:18:53

0

試着剝去除buttonImage之外的所有選項。如果可行,將它們一次一個添加回去。

如果這不起作用,請發佈您的HTML。

此外,請檢查以確保您沒有撥打$.datepicker()兩次。

1

對它使用嵌入選項。例如:

// Setup datepicker for Tasks dialog (high z-index) 
// Start date 
$('.start-date').datepicker({ 
    showOn: 'button', 
    buttonImageOnly: true, 
    dateFormat: 'yy-mm-dd', 
    buttonImage: 'images/calendar.gif', 
    beforeShow: function (i, e) { 
     var z = 2000; 
     e.dpDiv.css('z-index', z); 
    } 
    }).addClass("embed"); 
+0

感謝您的幫助和示例。 showOn:'按鈕'取得了訣竅。我沒有閱讀關於嵌入選項。我會研究這是什麼。感謝您的幫助和示例代碼。 – Tillebeck 2010-01-13 10:33:08

相關問題