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

如果您希望在图标点击上看到datepicker？这是我的工作：

<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

Answer 3

而不是

'/images/Calender.ico

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

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

3 个答案: