Joomla.it Forum
Componenti per Joomla! => Gestione Form => : rosaria 29 Apr 2016, 15:53:08
-
Salve sto utilizzando chronoform per un form di prenotazione dove l'utente deve poter inserire data ed orario, per quanto riguarda la data ho risolto, come posso gestire l'orario?
Grazie
-
il datapicker di default non ha l'ora, qui una guida su come integrarlo in chronoforms:
chronoengine.com/faqs/70-cfv5/5248-how-can-i-add-a-time-picker-to-cfv5.html
-
Ho fatto cosė: scaricato il pacchetto jQuery-Timepicker-Addon e caricato in components/com_chronoforms5/extras/tr_timepicker,
ho creato una casella di testo con ID= data_time, installato ed attivato il plugin jQueryEasy extension, sono andata in Setup ed ho creato un nuovo evento all'interno dell evento ho inserito load JS ed all'interno ho copiato questo codice:
"<?php $jdoc = \JFactory::getDocument(); $jdoc->addScript(JURI::root().'components/com_chronoforms5/extras/tr_timepicker/jquery-ui-timepicker-addon.js'); ?> jQuery(document).ready(function (jQ) { jQ( '#date_time' ).datetimepicker({ timeFormat: 'hh:mm tt', minDate: 0, minTime: '11:00 am', hour: 20, minute: 0, stepMinute: 15, }); });"
Ma non funziona dove sbaglio!!!!
Grazie
-
hai eseguito passo passo le istruzioni, hai configurato jqueryeasy? Quest'ultimo se non lo configuri un minimo č utile quanto un vestito da sera nel deserto.
Descrivi quello che hai fatto.
-
Non ho configurato jqueryeasy!!!
Ho fatto quello scritto nel post precedente:
1) Scaricato il pacchetto jQuery-Timepicker-Addon e caricato in components/com_chronoforms5/extras/tr_timepicker
2)Creato una casella di testo con ID= data_time,
3)Installato ed attivato il plugin jQueryEasy extension
4)Sono andata in Setup ed ho creato un nuovo evento, all'interno dell evento ho inserito load JS ed all'interno ho copiato questo codice:
"<?php $jdoc = \JFactory::getDocument(); $jdoc->addScript(JURI::root().'components/com_chronoforms5/extras/tr_timepicker/jquery-ui-timepicker-addon.js'); ?> jQuery(document).ready(function (jQ) { jQ( '#date_time' ).datetimepicker({ timeFormat: 'hh:mm tt', minDate: 0, minTime: '11:00 am', hour: 20, minute: 0, stepMinute: 15, }); });"
-
attiva il plug in, abilita usa jquery UI
cambia versione UI a 1.7