Не работает плагин календаря Jquery - PullRequest
Новая
       27

Не работает плагин календаря Jquery

0 голосов
/ 22 декабря 2011

Я использую плагин JDPicker , но это не работает.

Я добавил эти три тега в заголовок тега: 

     <script type ="text/javascript" src="jquery.js"></script>
     <script type ="text/javascript" src="jquery.jdpicker.js"></script>
     <link rel="stylesheet" href="jdpicker.css" type="text/css" media="screen" />

затем добавил следующий код в тело: 

 <input type="text" name="your_input" class="jdpicker" />
 <input type="hidden" name="your_input_2" class="jdpicker" />

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

Ответы [ 4 ]

0 голосов
/ 22 декабря 2011

Я попытался реализовать это локально, и он работает на моей стороне. Вот код, который я использую: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type ="text/javascript" src="jquery.jdpicker.js"></script>
    <link rel="stylesheet" href="jdpicker.css" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $('#test1').jdPicker();
        });
    </script>
</head>
<body class='default'>
   <input class="jdpicker" style="width: 200px; height: 25px;" id="#test1" />
</body>
</html>
0 голосов
/ 22 декабря 2011

Вы должны сначала загрузить его, как упоминалось в предыдущем посте.Я также рекомендовал бы JQuery UI Datepicker в качестве альтернативы

0 голосов
/ 22 декабря 2011

У меня есть лучший ответ для вас.Вы скопировали вставленный выше контент, указанный на веб-сайте, но видели, действительно ли добавлен JQuery.Я не нашел ни одного файла с именем jquery.js.

Это означает, что в вашем проекте нет JQuery: скачайте упомянутый файл .js, включите его в свой проект, и он будет работать.Измените первую строку вашего внешнего JS и укажите на загруженный файл JQuery.

Скорее, я бы предложил вам попробовать JQuery UI datepicker

Было быполезно

0 голосов
/ 22 декабря 2011

Вам также необходимо добавить следующее: 

<script type="text/javascript">
$(document).ready(function() {
  $('.jdpicker').jdPicker(); 
});
</script>

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...