проблема с datepicker codeigniter 2.2 - PullRequest
1 голос
/ 18 мая 2011

Привет, я пытаюсь интегрировать jquery datepicker в мой проект codeigniter .. проблема в том, что я не могу заставить его работать .. мой исходный код пришел от http://view.jquery.com/tags/ui/latest/demos/functional/#ui.datepicker хорошо, вот мой код:

вид:

<srcipt>
$("#formatted").datepicker({ 
    dateFormat: $.datepicker.ISO_8601, 
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
});
</script>
<form action="add" method="post" class="form label-inline uniform" />
<input type="text" size="30" value="" id="formatted"/>
<input type="submit" class="btn btn-grey" value="Add User"/>
</form>
<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script>

EDIT я уже добавил все исходники js, но он все еще не работает

<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script>
<script src="/assets/js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="/assets/js/misc/excanvas.min.js"></script>
<script src="/assets/js/jquery/facebox.js"></script>
<script src="/assets/js/jquery/jquery.visualize.js"></script>
<script src="/assets/js/jquery/jquery.dataTables.min.js"></script>
<script src="/assets/js/jquery/jquery.tablesorter.min.js"></script>
<script src="/assets/js/jquery/jquery.uniform.min.js"></script>
<script src="/assets/js/jquery/jquery.placeholder.min.js"></script>
<script src="/assets/js/widgets.js"></script>
<script src="/assets/js/dashboard.js"></script>

EDIT создал образец страницы просмотра для средства выбора даты .. все еще не работает, даже ссылка на изображение не работает.

<html>
<head>
<script src="/assets/js/jquery/jquery-1.5.2.min.js"></script>
<script src="/assets/js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="/assets/js/misc/excanvas.min.js"></script>
<script src="/assets/js/jquery/facebox.js"></script>
<script src="/assets/js/jquery/jquery.visualize.js"></script>
<script src="/assets/js/jquery/jquery.dataTables.min.js"></script>
<script src="/assets/js/jquery/jquery.tablesorter.min.js"></script>
<script src="/assets/js/jquery/jquery.uniform.min.js"></script>
<script src="/assets/js/jquery/jquery.placeholder.min.js"></script>

<script src="/assets/js/widgets.js"></script>
<script src="/assets/js/dashboard.js"></script>

</head>
<body>
<script>
$("#formatted").datepicker({ 
    dateFormat: $.datepicker.ISO_8601, 
    showOn: "both", 
    buttonImage: "http://pgoadmin.com/assets/images/calendar.gif", 
    buttonImageOnly: true 
});
</script>

<form>
<input type="text" size="30" value="" id="formatted"/>
</form>
</body>
</html>

Ответы [ 3 ]

1 голос
/ 18 мая 2011

Вам нужно включить jquery, прежде чем начать его использовать. Попробуйте переместить код JS ниже тега jquery.

И, как говорит Уэс, вам также необходимо включить компонент DateUpicker пользовательского интерфейса jquery.

Кроме того, и это может быть опечатка, ваш тег говорит «sricpt» вместо «script».

1 голос
/ 18 мая 2011

и не забудьте добавить base_url ();к вашим путям js

например

<script src="<?php echo base_url(); ?>assets/js/dashboard.js"></script>
1 голос
/ 18 мая 2011

Вам нужно загрузить в jQuery UI, чтобы использовать средство выбора даты

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js

Не забудьте также изображения и CSS:

http://jqueryui.com/download

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