Champs de date et heure dans les produits

[mesqueunclub]

Bonjour,

 

Je souhaite utiliser la fonction datetimepicker en utilisant le plugin JQuery timepicker présent nativement dans PrestaShop.

 

Or, je n'y arrive pas. J'ai juste réussi à utiliser la fonction datepicker.

 

Quelqu'un peut il m'éclairer sur comment charger ce plugin et l'appeler dans les champs de personnalisation des produits ?

 

Merci grandement.

[mesqueunclub]

Ok merci

[Loneildo]

Bonsoir,

 

Il faut :

 

1. Créer des champs de personnalisations de produits.

2. Charger ui.datepicker, ui.slider et l'addon qui nous intéresse jquery-ui-timepicker-addon.js

 

dans productcontroller.php après  if (!$this->useMobileTheme()) (ligne 44 environ)

            $this->addCSS(_THEME_CSS_DIR_.'jquery-ui-timepicker-addon.css');
            $this->addJqueryUi(array('ui.datepicker', 'ui.slider'));
            $this->addJS(array(
                _THEME_JS_DIR_.'jquery-ui-timepicker-addon.js'

 

Ces élements sont évidemment à remplacer avec le chemin des fichiers dans votre dossier. Pour ma part je les ais mis dans mon thème.

 

3. Appeler le script dans le product.tpl dans votre dossier de thème, et modifier le input pour garder la variable.

 

<input type="text" name="textField{$field.id_customization_field}" class="form-control customization_block_input customDatePicker" id="textField{$customizationField}" value="{if isset($textFields.$key)} {$textFields.$key|stripslashes}{/if}" rows="1" cols="20"> (ligne 696 environ)
 

et plus loin

 

                        <script>
                        $(document).ready(function() {
                            $('.customDatePicker').datetimepicker();
                            });
                            </script>

 

 

Je ne sais pas si j'ai été clair. N'hésitez pas si vous avez d'autres questions.