Ako trvalo zobraziť jQuery Datepicker

Permalink: http://how-to.mldgroup.com/index.php?article=ako-trvalo-zobrazit-jquery-datepicker

5.9.2015 (aktualizované 14.10.2015), Matej LednárKategória: jQuery

Pri práci s knižnicou jQuery UI a widgetom Datepicker môže programátor naraziť na problém, ako zobraziť Datepicker od načítania stránky a po výbere dátum ho nechať aj naďalej otvorený.

Neviem prečo, ale pôvodne som si myslel, že o perzistentné zobrazenie Datepickera sa stará zápis $( ".selector" ).datepicker( "show" );. Žiaľ tento zápis mi nefunguje, a tak som hľadal iné riešenie. Keďže som nič oficiálne nenašiel, vytvoril som nasledujúci programový kód.

Príklad: Zápis do sekcie CSS.

1
2
3
4
5
6
7
8
9
10
#ui-datepicker-div  {
   display : block !important;
}   
#datepicker {
    border : none;
    outline : none;
}
#hideFocus {
    outline : none;
}
#ui-datepicker-div  {
   display : block !important;
}   
#datepicker {
    border : none;
    outline : none;
}
#hideFocus {
    outline : none;
}

Príklad: Zápis do elementu <body>.

1
<p tabindex="1" id="hideFocus">Date: <input type="text" id="datepicker"></p>
<p tabindex="1" id="hideFocus">Date: <input type="text" id="datepicker"></p>

Príklad: Zápis do sekcie pre JavaScript.

1
$("#datepicker").datepicker({showAnim: "false"}).focus();
$("#datepicker").datepicker({showAnim: "false"}).focus();

Záver

Ak máte iné zaujímavé alebo lepšie riešenie ako zabezpečiť trvalo zobrazený widget Datepicker, podeľte sa oň prostredníctvom komentára.

Ako trvalo zobraziť jQuery Datepicker

Záver

Komentáre

Pridať komentár