Working fiddle

Question

在下面的代码中，我放置了一个ascx文件和javascript。它会显示一个带有图像的文本框但是没有显示用于点击日期选择器图像的图像请帮我解决问题。

JS：

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

asp.net：

Answer 1

您需要指向图片的路径，或者将图片包含在您的页面所在的目录中jsfiddle样本

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

修改：

首先，如果您的文本框ID发生更改，请查看源代码，如果是这样，您有两个选项可将其设置为ClientIDMode =“static”或更改脚本以获取文本框控件的ClientID：

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

Answer 2

问题可能是buttonImage。

的路径

确保路径正确，表示它应位于.aspx page所在的同一目录中。

其他方面改变图像的路径。

假设您的网页位于root directory，并且image directory中的图片应该是路径

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

也可能是ID你text box你可以使用ClientId的问题如下

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

Answer 3

jQuery for datePicker

 $(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

没有显示图像

3 个答案:

Working fiddle