2014-01-28 139 views
2

在下面的代碼中我已經放置了一個ascx文件和javascript。它將顯示一個帶有圖片的文本框,但它沒有顯示用於點擊圖片的日期選擇器的圖像,請幫我解決問題。沒有圖片顯示

JS:

<script type="text/javascript"> 
    $(function() { 
     $("#txtDate").datepicker({ 
      showOn: "button", 
      buttonImage: "calendar.png", 
      buttonImageOnly: true 
     }); 
    }); 
</script> 

asp.net:

+4

是在同一文件夾作爲您的aspx你的'calendar.png'頁?如果沒有,你應該改變你的'buttonImage'到''/path/to/calendar.png'' – RononDex

+1

''必須是正確的圖像路徑,'txtDate'是最終呈現在頁面?或者你需要使用'<%= txtDate.ClientID%>'? – Aristos

回答

1

您需要一個路徑到您的圖像或包含在您的網頁的目錄中的圖像是jsfiddle樣本

$(function() { 
    $("#txtDate").datepicker({ 
     showOn: "button", 
     buttonImage: "http://png.findicons.com/files/icons/2166/oxygen/48/kontact_date.png", 
     buttonImageOnly: true 
    }); 
}); 

編輯:

首先看到源代碼,如果你的文本框ID改變,如果是的話,你有兩個選擇要麼將其設置爲的ClientIDMode =「靜態」或改劇本獲得TextBox控件的ClientID

$(function() { 
     $("#<%=txtDate.ClientID%>").datepicker({ 
      showOn: "button", 
      buttonImage: "http://png.findicons.com/files/icons/2166/oxygen/48/kontact_date.png", 
      buttonImageOnly: true 
     }); 
    }); 
+0

我無法在ascx中獲取該圖像 – user3224577

+0

圖像的位置在哪裏?包含該路徑。 – Zaki

+0

buttonImage:「E:\ usercontrol \ usercontrol \ img \ calendar.png」, – user3224577

0

的問題可能是buttonImage的路徑。

確保路徑正確意味着它應該在相同的目錄其中您的.aspx page是。

其他方式改變圖像的路徑。

假設你頁面是在image directoryroot directory和圖片的路徑應該是

buttonImage:"/image/to/calendar.png" 

此外,它可能是與你的ID的問題,你可以使用text boxClientId如下

$("#<%=txtDate.ClientID%>").datepicker({ 
... 
0

JQuery的用於日期選擇

$(document).ready(function() { 
     $("#datefield").datepicker({ 
      dateFormat: 'dd-mm-yy', 
      changeMonth: true, 
      changeYear: true, 
      showOn: 'button', 
       buttonImage: "http://www.cphlibrary.org/images/events/calendar.jpg", 
      buttonImageOnly: true 
     }); 
    }); 

HTML

<input type="text" id="datefield" /> 

Working fiddle

使這項工作,你必須包括jQuery的1.8.3和jqueryui/1.10.3/jquery-ui.min.js

+0

感謝您的回答 – user3224577

+0

@ user3224577如果有幫助,您可以將其取消並標記爲答案。它有助於提高我的聲譽 –