DatePicker jquery UI не работает

Я пытаюсь создать свой личный сайт с помощью экспресс-доставки и хочу поставить датупиксера на одну из страниц. Я попытался изменить файл ejs этой страницы, однако ничего не работает. Мне интересно, если это потому, что файл layout.ejs существует, и интересно, как я могу просто загрузить jquery-ui только из файла ejs.file? Потому что я не могу найти какой-либо связанный npm для установки. Большое спасибо за ответ! XDDatePicker jquery UI не работает

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css" media="all"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
</head> 
<body> 
    <script> 
     $(function() { 
      $("#datepick").datepicker(); 
     }); 
    </script> 

    <aside class="widget"> 
     <p>Date: <input type="text" id="datepick"></p> 
    </aside> 
</body> 
</html>

Существует еще один подобный вопрос, но я думаю, что ответ не работает для меня. node.js - DatePicker jquery UI not workinng

Когда я только использую Экспресс и изменить index.ejs как следующий, он работает, но когда есть много страниц, то кажется, что это не может быть загружен ...

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css" media="all"> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
<script> 
$(function() { 
$('#datepick').datepicker(); 
}); 
</script> 
</head> 
<body> 

<aside class="widget"> 
<p>Date: <input type="text" id="datepick"></p> 
</aside> 
</body> 
</html>

источник

2014-02-03 DQ_happy

Почему вы включаете jQuery UI * дважды *? А сам jQuery дважды? – Pointy

Поскольку я уверен, что загружен JQuery-UI, поэтому, помимо использования локального, я также включаю его с сайта ... но он не работает ... –

Вы включаете jQuery 1.10. 2, а затем после этого вы включаете jQuery 1.7.1, значительно более старую версию. Не делай этого. – Pointy

node.js - DatePicker jquery UI not workinng

Для тех, кто сталкивается с той же проблемой, это ссылка.

Наконец-то я нашел ответ, проверив код. Мне не удалось загрузить JQuery в layout.ejs, я перепечатал следующее, чтобы загрузить загрузочный файл, но на самом деле с помощью twitter-bootstrap-node, там нет необходимости загружать javascripts снова. Это может быть распространенными проблемами для новичков в Node.JS, таких как я. Надеюсь, что этот ответ может быть полезен людям, которые сталкиваются с одной и той же проблемой, и код находится в ответ на связанную проблему.

<script src="/javascripts/jquery.js"></script> 
<script src="/javascripts/bootstrap.js"></script> 
<script src="/vendor/twitter/less/bootstrap.less"></script>

источник

2014-02-05 07:58:58

Привет взгляд при этом jsfiddle ссылке http://jsfiddle.net/w7PHj/

вам нужно использовать, как это ....

$('#datepick').datepicker();

источник

2014-02-03 17:36:12

Привет, спасибо за ответ, я изменил это в соответствующей части и все еще не смог работать, я поместил это в форму HTML и просто открыл его, он работает ... Мне интересно, не работает ли код для ejs и выразить? Большое спасибо! –

добавить в головной секции и использовать соответствующие JavaScript файлы –

Привет, это то, что я делаю в HTML-файл, он работает <мета кодировок = "UTF-8" > JQuery UI Datepicker - По умолчанию функциональность <ссылка HREF = "JQuery-щ/CSS/щ-воздушность/JQuery-щ-1.10.4.custom.css" отн = "таблица стилей"> \t <сценарий SRC = "JQuery-щ/JS/JQuery-1.10.2.js"> \t <сценарий SRC = "JQuery-щ/JS/JQuery-щ-1.10.4.custom.js"> \t

Дата: <входной тип = "текст" ID = "DatePicker">

–

DatePicker jquery UI не работает

ответ

Смежные вопросы