2016-04-20 2 views
0

im new для javascript и JQuery, и я просто не могу заставить эту работу работать. Я считаю, что проблема в конкретной является ссылкой на файлы jquery, которые не работают, но я могу ошибаться. Ниже приведенный код.asp.net jquery datepicker не работает

<head runat="server"> 
<title>Expense Report Admin Portal</title> 
<link rel="stylesheet" type="text/css" href="Content/admin.css" /> 
<%--<script type="text/javascript" src="Scripts/jquery-ui-1.11.4/jquery-ui.js"></script>--%> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 


<script> 
$(function() { 
    $('#<%=datepicker.ClientID%>').datepicker(); 

}); 
</script> 

</head> 



<asp:TableCell> 
     <asp:TextBox ID="datepicker" runat="server"></asp:TextBox> 
          </asp:TableCell> 
+0

Если вы новичок в этом вы должны скопируйте/вставьте полностью рабочий пример со своего веб-сайта на свою страницу. Получите его работу. А затем настройте с этого момента. https://jqueryui.com/datepicker/, см. ссылку на странице 'view source' – Igor

ответ

1

Я был прав, что-то не так с ссылками на jquery. Я взял совет Игоря выше, и, хотя я не копировал ВСЕ код, я заменил все мои ссылки на jquery на тот, что приведен в примере, и он сработал.

0

Я думаю, что вы комментируете ссылку jquery. раскомментируйте эту строку. пример belwo работает для меня.

включают => JQuery-ui.css включают => JQuery-1.10.2.js включают => Jquery-ui.js

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="http://code.jquery.com 
    ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"> 
</script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>