C# 如何使用带有jquery datepicker和图标的文本框

C# 如何使用带有jquery datepicker和图标的文本框,c#,javascript,jquery,asp.net,datepicker,C#,Javascript,Jquery,Asp.net,Datepicker,我想在我的asp.net应用程序中使用jquery datepicker,但它不起作用 在我的项目中是一个带有Calender.ico的文件夹(图像) 这里是我在master.master中的代码: <script> $(function () { $("#txtVon").datepicker({ showOn: 'button', buttonImage: '/images

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

$(函数(){
$(“#txtVon”).datepicker({
showOn:'按钮',
buttonImage:“/images/Calender.ico”,
buttonImageOnly:正确,
日期格式:“年月日”
});
});
下面是我在createuser.aspx中的代码

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

我怎么会犯错?我看不到图标而不是这个

'/images/Calender.ico
放置一个非.ico图像,例如:calender.gif..类似的图像来代替这个

'/images/Calender.ico

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

我想这是你文本框的ID。您编写了txtVon,但ASP.NET呈现了不同的内容。因此客户端ID更可能类似于C001\u txtVon

因此,最好给文本框一个CssClass,比如cDatePicker,并在jQuery选择器中使用它

或者让您的ID选择器更模糊一些,比如
$(“输入[ID*='txtVon'])

作为最后一点;最好使用.png文件而不是.ico,因为我不认为所有浏览器都正确支持.ico


我想这是你文本框的ID。您编写了txtVon,但ASP.NET呈现了不同的内容。因此客户端ID更可能类似于C001\u txtVon

因此,最好给文本框一个CssClass,比如cDatePicker,并在jQuery选择器中使用它

或者让您的ID选择器更模糊一些,比如
$(“输入[ID*='txtVon'])

作为最后一点;最好使用.png文件而不是.ico,因为我不认为所有浏览器都正确支持.ico


如果您希望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")
  });
});

$(函数(){
$(“#invdate”).datepicker();
$(“#dpimage”)。单击(函数(){
$(“#invdate”).datepicker(“show”)
});
});

如果您希望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")
  });
});

$(函数(){
$(“#invdate”).datepicker();
$(“#dpimage”)。单击(函数(){
$(“#invdate”).datepicker(“show”)
});
});

尝试gif或jpg,png而不是.i将代码移动到createuser.aspx而不是母版页,然后重试是否希望日期选择器在图标单击时也可见?尝试gif或jpg,png而不是.i将代码移动到createuser.aspx而不是母版页,然后重试是否希望日期选择器在图标单击时也可见?或者,参照文本框如
$('#')
或者参照文本框如
$('#')