JQuery DatePicker in un Form

Per usare il DatePicker di JQuery all’interno di un formbisogna seguire i seguenti passi:

  1. Scaricare la versione completa del framework
  2. Scompattare e andare nella cartella \extras\library\
  3. Copiare la cartella ZendX all’interno della cartella library del progetto (\library\ZendX)
  4. Nel layout (dopo il body) del progetto, inserire il codice sottostante, questo farà caricare i file di JQuery da internet, dal sito di google, se si è dentro il form, le altre se non si è dentro il form, con la versione indicata nel file .\ZendX\JQuery.php con le variabili
    1. const DEFAULT_JQUERY_VERSION = “1.12.0”;
    2. const DEFAULT_UI_VERSION
  5. All’inizio del form inserire
    1. $form = new ZendX_JQuery_Form();
  6. e poi:

$datanascita = new ZendX_JQuery_Form_Element_DatePicker(‘datanascita’,
array(“label” => “Data di Nascita<br>(gg/mm/aaaa): “)
);
$datanascita->setJQueryParams(array(‘dateFormat’=> ‘dd/mm/yy’));

 

nel layout inserire:

<body>
<?php
try {
echo $this->jQuery();
} catch (Exception $e) { ?>
<script
src=”<?php echo($this->baseUrl()); ?>/js/lib/jquery-1.12.0.min.js”
type=”text/javascript” charset=”utf8″></script>
<script
src=”<?php echo($this->baseUrl()); ?>/js/lib/jquery-ui-1.11.4.custom/jquery-ui.min.js”
type=”text/javascript” charset=”utf8″></script>
<?php
}
?>