2012-02-11 2 views
0

haing проблемы получения datepicker на работу, не совсем уверен, почему.Выбор даты не работает

<link rel="stylesheet" href="styles/style.css"> 
    <link rel="stylesheet" href="styles/jquery-ui-1.8.17.custom.css"> 
    <!--[if lte IE 7]> 
     <style type="text/css"> 

     </style> 
    <![endif]--> 
    <script src="js/modernizr-2.0.6.js"></script> 
    <script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script> 
    <script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 

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

Я проверил и все .js и .css файлы связаны правильно, но ничего не происходит, какие-то идеи?

+0

кажется правильным. Вы видите какие-либо ошибки js в консоли? –

+0

Я не уверен, но вы можете попробовать, чтобы поставить свой код внутри документа. –

+0

У вас есть ошибки в консоли? – xdazz

ответ

1

некоторые вещи неправильно с маршрутов jquery или ui JS не загружается, см он работает HERE, проверьте консоль Firebug или любой другой инструмент отладки для любых ошибок JavaScript. Попробуйте использовать КДС принимал Jquery и Jquery UI, удалить

<script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script> 

и поместить их Inplace

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js 
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js 
+0

Это работает, спасибо – user195257

+0

@ user195257, поэтому это означает, что путь к вашим файлам javascript неверен – Rafay

2

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

<head> 
<link rel="stylesheet" href="styles/style.css"> 
    <link rel="stylesheet" href="styles/jquery-ui-1.8.17.custom.css"> 
    <!--[if lte IE 7]> 
     <style type="text/css"> 

     </style> 
    <![endif]--> 
    <script src="js/modernizr-2.0.6.js"></script> 
</head> 
<body> 

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

    <script src="js/jquery.js"></script> 
    <script src="js/jquery.ui.core.js"></script> 
    <script src="js/jquery.ui.widget.js"></script> 
    <script src="js/jquery.ui.datepicker.js"></script> 
    <script> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 

</body> 

Edit: Отъезд HTML5 Шаблонный: http://html5boilerplate.com/

+1

Просто спрашивайте, почему вы завернули $ ("#datepicker") .datepicker() внутри другой функции в готовой функции? –

+0

lol, я только заметил, что ... исправил его сейчас: D ... спасибо за указание – Alex

+0

Wc и хорошо сделано. +1 от меня сейчас. –

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