2014-11-25 2 views
2

Кто-нибудь знакомый с Zebra Datepicker?Значок датпира Zebra не отображается

Кажется, я не могу открыть значок календаря.

http://jsfiddle.net/abalter/gzbqrxpL/

Я также пытаюсь:

<!doctype html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

    <title>Untitled Document</title> 
    <script type="text/javascript" src="jquery-1.11.1.js"></script> 
    <script type="text/javascript" src="jquery-ui.js"></script> 
    <script type="text/javascript" src="zebra_datepicker.js"></script> 
    <link rel="stylesheet" href="default.css" type="text/css"> 

    <script> 
     $(document).ready(function() { 

      // assuming the controls you want to attach the plugin to 
      // have the "datepicker" class set 
      $('datepickertest').Zebra_DatePicker(); 

     }); 
    </script> 

</head> 

<body> 

    <form> 

      <input type="text" id="datepickertest" class="datepicker" /> 

    </form> 

</body> 
</html> 

Со всеми этими файлами локальных в том же каталоге, в том числе calendar.png, изображения значка.

В обоих случаях значок календаря не отображается.

Кстати, я попытался посмотреть источник демонстрационной страницы, и я не вижу сценариев, упоминаемых в любом месте, так что это не дает большого руководства.

+0

У вас на странице есть всевозможные ошибки JavaScript, что не поможет. –

+0

Можете ли вы быть конкретными? Я делал некоторые изменения. Теперь это выглядит лучше? – abalter

+0

$ ('# datepickertest'). Zebra_DatePicker(); По крайней мере, это – UtherTG

ответ

3

Вот рабочий пример, основанный на коде: http://jsfiddle.net/gzbqrxpL/1/

Вы должны следовать их руководству.

Сначала добавьте <!doctype html> в начале вашего html-файла.

Во-вторых, скачайте сценарий со всеми файлами, включая папку/css с темами.png, calendar.png и папку metallic, если вы хотите использовать эту тему.

В-третьих, добавьте jquery ПЕРЕД добавлением зебры datepicker.

Затем он должен работать. Ваш JSFiddle не работал, потому что вы ссылались на внешние источники на github, а github - не CDN, поэтому браузер не загружался.

Все.

+0

Ваш код был прав, но файлы не загружались должным образом. – Guido

+0

Извините, я не вижу значок в вашем примере jsfiddle или всплывающем календаре. Вы уверены, что он работает на вас? Я пытался создать пример с голыми костями. В моей реальной реализации есть все те файлы и ссылки, которые я проверил и проверил. Кроме того, у меня есть и jquery сначала в моем примере кода выше. – abalter

+0

Он работает для меня. Проверьте свой браузер. Какой у вас браузер? – Guido

0

Прежде всего, убедитесь, что вы правильно выбрали дату. Включите «#» или «.». заранее выбрать id или класс соответственно. Я думаю, не включая те, которые выбирают элементы тега.

Не смотря конкретно на Zebra-Datepicker, я знаю, по крайней мере, для обычного дампикера, что вы должны инициализировать некоторые значения.

$("#id").datepicker({ 
    showOn: "button", 
    buttonImage: "../images/myImage.png", 
    buttonImageOnly: true, 
    ... 
}); 

Проверьте, какие значения необходимо инициализировать.

+0

Я скопировал это прямо из примера на http://stefangabos.ro/jquery/zebra-datepicker/ в разделе «Как использовать»! Интересно, это ошибка? – abalter

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