Bonjour,
J’ai créé un composant qui s’appelle com_crmform
Dans un formulaire, je veux utiliser le plugin jquery.datetimepicker.js pour remplacer un champ Texte.
L’id de mon champ texte est « jform_date »
J’ai trois fichiers :
• jquery.datetimepicker.css
• jquery.datetimepicker.js
• jquery.datetimepicker.min.js
J’ai déposé ces fichiers JS et CSS dans des dossiers (JS et CSS) que j’ai créés dans le dossier Tmpl de la vue concernée.
J’ai ensuite ajouté le script dans le fichier edit.php qui se trouve dans Administrator/components/_com-crmform/views/rdv
Mais cela ne fonctionne pas.
Quelqu’un saurait-il m’aider ?
Merci beaucoup.
Cordialement.
Eric
Extrait de mon fichier edit.php
// Import CSS
$document = JFactory::getDocument();
$document->addStyleSheet(JUri::root() . 'media/com_crmform/css/edit.css');
$document = JFactory::getDocument();
$document->addStyleSheet('components/com_crmform/views/rdv/tmpl/css/jquery.datetimepicker.css');
$document = JFactory::getDocument();
$document->addScript('components/com_crmform/views/rdv/tmpl/js/jquery.datetimepicker.js');
?>
//Script ajouté
<script type="text/javascript">
js = jQuery.noConflict();
js(document).ready(function () {
jQuery("#jform_date").datetimepicker({
closeOnTimeSelect:true,
timepicker:true,
datepicker:true
});
});
J’ai créé un composant qui s’appelle com_crmform
Dans un formulaire, je veux utiliser le plugin jquery.datetimepicker.js pour remplacer un champ Texte.
L’id de mon champ texte est « jform_date »
J’ai trois fichiers :
• jquery.datetimepicker.css
• jquery.datetimepicker.js
• jquery.datetimepicker.min.js
J’ai déposé ces fichiers JS et CSS dans des dossiers (JS et CSS) que j’ai créés dans le dossier Tmpl de la vue concernée.
J’ai ensuite ajouté le script dans le fichier edit.php qui se trouve dans Administrator/components/_com-crmform/views/rdv
Mais cela ne fonctionne pas.
Quelqu’un saurait-il m’aider ?
Merci beaucoup.
Cordialement.
Eric
Extrait de mon fichier edit.php
// Import CSS
$document = JFactory::getDocument();
$document->addStyleSheet(JUri::root() . 'media/com_crmform/css/edit.css');
$document = JFactory::getDocument();
$document->addStyleSheet('components/com_crmform/views/rdv/tmpl/css/jquery.datetimepicker.css');
$document = JFactory::getDocument();
$document->addScript('components/com_crmform/views/rdv/tmpl/js/jquery.datetimepicker.js');
?>
//Script ajouté
<script type="text/javascript">
js = jQuery.noConflict();
js(document).ready(function () {
jQuery("#jform_date").datetimepicker({
closeOnTimeSelect:true,
timepicker:true,
datepicker:true
});
});