Как реализовать DatePicker в Asp.net с помощью JQuery?

Question

    <script src="<%=("../Scripts/jquery-1.6.1.min.js") %>" type="text/javascript" />
   <script src="<%=("../Scripts/jquery-datePicker.js") %>" type="text/javascript" />

<script type="text/javascript">

    $(function() {

     $("#txtDate").datepicker();       

    });   

   </script>

Я использовал этот код, но он не показывает мне календарь всплывающих окон при нажатии на текстовое поле. в чем может быть проблема. это не дает никакой ошибки.

Answer 1

Возможно, вам следует использовать функцию document.ready

$(document).ready(function() {
 $("#txtDate").datepicker();       
});

Answer 2

почему бы не установить путь напрямую?и закройте тег сценария с помощью этого </script>

<script src="../Scripts/jquery-1.6.1.min.js" type="text/javascript" ></script>
<script src="../Scripts/jquery-datePicker.js" type="text/javascript" ></script>

Используйте ClientID для управления сервером

<script type="text/javascript">

    $(function() {

     $("#<%= txtDate.ClientID %>").datepicker();       

    });   

   </script>

, вы также можете использовать функцию готовности

<script type="text/javascript">
$(document).ready(function() {
 $("#<%= txtDate.ClientID %>").datepicker();       
});
</script>

, если селектор идентификаторане работает, тогда используйте селектор классов, это хорошо для управления сервером ASP.NET

<asp:TextBox ruat="server" ID="txtDate" CssClass="DateField"></asp:TextBox>

<script type="text/javascript">
    $(document).ready(function() {
     $(".DateField").datepicker();       
    });
    </script>

Answer 3

Идентификатор серверного элемента управления ASP.NET отличается от идентификатора обычного HTML-идентификатора.Поэтому, если вы используете серверный элемент управления, запустите свой код, откройте исходный код страницы, получите идентификатор, отображаемый в исходном коде страницы, и используйте этот идентификатор вместо txtDate.

Также используйте

$(document).ready(function() { $("#<id>").datepicker(); });