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

Question

我想在我的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>

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

Answer 1

我认为这是您的文本框的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

Answer 2

如果您还希望在图标上显示日期选择器，也请单击？ 这是我的工作：

<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")
  });
});

演示版

Answer 3

代替这个

'/images/Calender.ico

放置一个非.ico图像，例如：calender.gif ..类似的东西