как реализовать datepicker в asp.net используя jquery?

#c# #jquery #asp.net #datepicker

#c# #jquery #asp.net #datepicker

Вопрос:

     <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>
  

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

Ответ №1:

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

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

Ответ №2:

почему бы не задать path напрямую? и закройте тег скрипта этим </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>
  

Ответ №3:

ИДЕНТИФИКАТОР ASP.NET управление сервером отличается от управления обычным HTML ID. Итак, если вы используете серверный элемент управления, тогда запустите свой код, откройте исходный код страницы, получите идентификатор, который отображается в исходном коде страницы, и используйте этот идентификатор вместо txtDate.

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

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

Комментарии:

1. Это не могло быть run.it просто показывает ожидаемую ошибку объекта. Я боюсь, подключил ли я достаточно src или нет