html.datepicker
Začiatok > Ročníkový projekt > Dokumentácia > Syntax jazyka swift > Funkcie > html.datepicker

Posledné novinky

Asi hotovo.

Takže, už to vyzerá byť dokončené. Od minula som pridal animovanie cez timer a možnosť upravovať...

14.12.2014 19:13
Kategória: Projekt key-framing a interpolácia

Prvá funkčná verzia

Po tejto sobote mám už prvý reálny výsledok. Viem nastavovať keyframe s pozíciou kamery, pohľadom...

14.12.2014 00:23
Kategória: Projekt key-framing a interpolácia
Choď do archívu >>

Funkcia html.datepicker vytvorí niekoľko select elementov, pomocou, ktorých sa dá vyberať dátum alebo jeho časť.

Parameter Vyžadovaný Východzia hodnota Význam
name Áno

Názov dátumových select elementov.
min_year Nie NULL

Minimálne rok, ktorý sa dá vybrať zo zoznamu.

Ak je NULL, minimálny rok bude súčasný rok - 20.
max_year Nie NULL

Maximálny rok, ktorý je možno vybrať.

Ak je NULL, maximálny rok je súčasný + 20.
month_names Nie NULL

Pole názvov mesiacov, formát:

array(cisloMesiaca => 'nazov', ...)
current Nie array()

Timestamp alebo pole vybraných hodnôt pre každý select element, formátu:

array('day' => den, 'month' => mesiac, 'year' => rok)

Kde den, mesiac a rok sú čísla.
class Nie Reťazec: 'swift_datepicker'

Prefix tried pre vygenerované elementy.
config Nie Reťazec: 'y,m,d'

Konfigurácia zobrazovania jednotlivých selectov a ich poradia.

  • y - zobrazuje select pre rok
  • m - zobrazuje select pre mesiac
  • d - zobrazuje select pre den
caption_year Nie Prázdny reťazec

Voliteľne nastavuje text štítku pred výberom roka.
caption_month Nie Prázdny reťazec

Voliteľne nastavuje text štítku pred výberom mesiaca.
caption_day Nie Prázdny reťazec

Voliteľne nastavuje text štítku pred výberom dňa.

Príklad

Majme takýto php kód:

Zobraziť čistý text Zobraziť zvíraznený text
  1. <?php
  2.    ...
  3.  
  4.    $swift->assign('current_date', array(
  5.      'day' => 25,
  6.      'month' => 8,
  7.      'year' => 2005,
  8.    ));
  9.  
  10.    $swift->assign('month_names', array(
  11.      1 => 'Január',
  12.      2 => 'Február',
  13.      3 => 'Marec',
  14.      4 => 'Apríl',
  15.      5 => 'Máj',
  16.      6 => 'Jún',
  17.      7 => 'Júl',
  18.      8 => 'August',
  19.      9 => 'September',
  20.      10 => 'Október',
  21.      11 => 'November',
  22.      12 => 'December',
  23.    ));
  24.  
  25.    ...
  26. ?>

Kód šablóny:

Zobraziť čistý text Zobraziť zvíraznený text
  1. <p>{s:html.datepicker(name="datepicker" caption_year="Rok:" caption_day="Den:" caption_month="Mesiac:" config="d,m,y" current=$current_date month_names=$month_names min_year=1990 max_year=2020)}</p>

Výsledok:

Zobraziť čistý text Zobraziť zvíraznený text
  1. <p>
  2.   <span class="swift_datepicker_day">
  3.     <label class="swift_datepicker_day_label">Den:
  4.     </label>
  5.     <select name="datepicker[day]" size="1" class="swift_datepicker_day_select">
  6.       <option value="1">1</option>
  7.       <option value="2">2</option>
  8.       <option value="3">3</option>
  9.       <option value="4">4</option>
  10.       <option value="5">5</option>
  11.       <option value="6">6</option>
  12.       <option value="7">7</option>
  13.       <option value="8">8</option>
  14.       <option value="9">9</option>
  15.       <option value="10">10</option>
  16.       <option value="11">11</option>
  17.       <option value="12">12</option>
  18.       <option value="13">13</option>
  19.       <option value="14">14</option>
  20.       <option value="15">15</option>
  21.       <option value="16">16</option>
  22.       <option value="17">17</option>
  23.       <option value="18">18</option>
  24.       <option value="19">19</option>
  25.       <option value="20">20</option>
  26.       <option value="21">21</option>
  27.       <option value="22">22</option>
  28.       <option value="23">23</option>
  29.       <option value="24">24</option>
  30.       <option value="25" selected="selected">25</option>
  31.       <option value="26">26</option>
  32.       <option value="27">27</option>
  33.       <option value="28">28</option>
  34.       <option value="29">29</option>
  35.       <option value="30">30</option>
  36.       <option value="31">31</option>
  37.     </select>
  38.   </span>
  39.   <span class="swift_datepicker_month">
  40.     <label class="swift_datepicker_month_label">Mesiac:
  41.     </label>
  42.     <select name="datepicker[month]" size="1" class="swift_datepicker_month_select">
  43.       <option value="1">Január</option>
  44.       <option value="2">Február</option>
  45.       <option value="3">Marec</option>
  46.       <option value="4">Apríl</option>
  47.       <option value="5">Máj</option>
  48.       <option value="6">Jún</option>
  49.       <option value="7">Júl</option>
  50.       <option value="8" selected="selected">August</option>
  51.       <option value="9">September</option>
  52.       <option value="10">Október</option>
  53.       <option value="11">November</option>
  54.       <option value="12">December</option>
  55.     </select>
  56.   </span>
  57.   <span class="swift_datepicker_year">
  58.     <label class="swift_datepicker_year_label">Rok:
  59.     </label>
  60.     <select name="datepicker[year]" size="1" class="swift_datepicker_year_select">
  61.       <option value="1990">1990</option>
  62.       <option value="1991">1991</option>
  63.       <option value="1992">1992</option>
  64.       <option value="1993">1993</option>
  65.       <option value="1994">1994</option>
  66.       <option value="1995">1995</option>
  67.       <option value="1996">1996</option>
  68.       <option value="1997">1997</option>
  69.       <option value="1998">1998</option>
  70.       <option value="1999">1999</option>
  71.       <option value="2000">2000</option>
  72.       <option value="2001">2001</option>
  73.       <option value="2002">2002</option>
  74.       <option value="2003">2003</option>
  75.       <option value="2004">2004</option>
  76.       <option value="2005" selected="selected">2005</option>
  77.       <option value="2006">2006</option>
  78.       <option value="2007">2007</option>
  79.       <option value="2008">2008</option>
  80.       <option value="2009">2009</option>
  81.       <option value="2010">2010</option>
  82.       <option value="2011">2011</option>
  83.       <option value="2012">2012</option>
  84.       <option value="2013">2013</option>
  85.       <option value="2014">2014</option>
  86.       <option value="2015">2015</option>
  87.       <option value="2016">2016</option>
  88.       <option value="2017">2017</option>
  89.       <option value="2018">2018</option>
  90.       <option value="2019">2019</option>
  91.       <option value="2020">2020</option>
  92.     </select>
  93.   </span>
  94. </p>