2014-01-28 138 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如果有帮助,您可以将其取消并标记为答案。它有助于提高我的声誉 –