Exercice tuto : Développer un site : Jour 7,

Par inassen, il y a 14 ans

PHP

J’ai réussi à faire toutes les autres tâches sans soucis, mais je bloc sur un javascript.
Pour rendre le formulaire plus classe dans le champ de la date, j’ai trouvé un plugin de jQuery pour récupérer directement dans le champ date (mon datetime) mais je n’arrive pas à le faire fonctionner.
Le plugin est : timepiker qui se trouve sur cette adresse <pre> http://trentrichardson.com/examples/timepicker/</pre>
Que j’ai téléchargé et importer dans la page ainsi que le script « jquery-ui-1.8.16.custom.min.js » que vous pouvez trouver sur cette adresse <pre> http://trentrichardson.com/examples/timepicker/js/jquery-ui-1.8.16.custom.min.js</pre>
J’ai rajouté dans ma page admin_edit.php ce script
<script type="text/javascript">
$('#inputcreated').datetimepicker({
showSecond: true,
timeFormat: 'hh:mm:ss',
stepHour: 2,
stepMinute: 10,
stepSecond: 10
});
</script>

5 réponses

tribal, il y a 14 ans

Salut,

Je te conseil de mettre une classe genre .datepicker à la place de #inputcreated.
Après dans ton admin_edit il te suffit juste quand tu crée le champ created de rajoute la class datepicker

Et aussi pourquoi utlisé la fonction js datepicker au lieu de datetimepicker comme dans l'exemple du site officiel de Jquery UI ?
Site Jquery UI

J'espère que sa t'aidera a+

Grafikart, il y a 14 ans

Et tu as bien importé jquery ui ?

inassen, il y a 14 ans

Re,

Avant de poster le message, j'ai déjà essayé avec une classe .date-piker que j'avais intégré dans la création de mon champ input, mais c'est toujours la même chose.

Pour le datetimepicker c'est pour récupérer la date et l'heure en même temps et je les injectes directement dans la base(la colonne de ma table est datetime).

Merci

inassen, il y a 14 ans

le jQuery est importé dans le layout admin.

inassen, il y a 14 ans

et jQuery UI aussi

<script type="text/javascript" src="<?php echo Router::webroot('js/jquery-ui-1.8.16.custom.min.js');?>"></script>
<script type="text/javascript" src="<?php echo Router::webroot('js/jquery-ui-timepiker-addon.js');?>"></script>
<script type="text/javascript">

$('#inputcreated').datetimepicker({
showSecond: true,
timeFormat: 'hh:mm:ss',
stepHour: 2,
stepMinute: 10,
stepSecond: 10
});