我如何使用帶有圖標的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 ..類似的東西