我如何使用带有图标的 jquery datepicker 文本框答案

【问题标题】：How I use a textbox with jquery datepicker with icon我如何使用带有图标的 jquery datepicker 文本框
【发布时间】：2012-11-17 11:49:03
【问题描述】：

我想在我的 asp.net 应用程序中使用 jquery datepicker，但它不起作用

在我的项目中是一个带有 Calender.ico 的文件夹（图像）

这是我在 master.master 中的代码：

 <script>

        $(function () {
            $("#txtVon").datepicker({
                showOn: 'button',
                buttonImage: '/images/Calender.ico', 
                buttonImageOnly: true,
                dateFormat: "mm-dd-yy"
            });
        });

       </script>

这里是我在 createuser.aspx 中的代码

<asp:TextBox ID="txtVon" runat="server" ReadOnly="True" ></asp:TextBox>

我怎么做错了？我没有看到图标

【问题讨论】：

尝试 gif 或 jpg,png 代替 .ico
将您的代码移动到 createuser.aspx 而不是母版页，然后尝试
你想让日期选择器在图标点击时也可见吗？

标签： c# javascript jquery asp.net datepicker

【解决方案1】：

如果您希望日期选择器在图标点击时也可见？这是我的工作：

<input id='invdate' name='invdate' type='text'/>
<span style='padding:5px'><img id='dpimage' alt="img" src='calendar2.gif'></span>

$(function() {
  $("#invdate").datepicker();
  $("#dpimage").click(function () {
    $("#invdate").datepicker("show")
  });
});

Demo

【讨论】：

【解决方案2】：

我认为这是您的文本框的 ID。您编写 txtVon，但 ASP.NET 呈现不同的东西。所以客户端的 ID 更可能是 C001_txtVon 之类的东西。

所以最好给你的文本框一个像 cDatePicker 这样的 CssClass 并在你的 jQuery 选择器中使用它。

或者让你的 ID 选择器更加模糊，比如$("input[id*='txtVon']").datepicker({});

最后一点；您最好使用 .png 文件而不是 .ico，因为我认为并非所有浏览器都正确支持 .ico。

http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support

【讨论】：

或者，引用$('#<%=txtVon.ClientID%>')等文本框

【解决方案3】：

而不是这个

'/images/Calender.ico

放置一个非 ico 图像，例如：calender.gif..something like that

【讨论】：