nextras\DatePicker soubory.js

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
Relapse
Člen | 34
+
0
-

Dobrý den,

prosím vás, snažím se zprovoznit nextras\Datepicker https://github.com/nextras/forms
Vše jsem udělal podle návodu: nainstaloval přes composer, přidal do bootstrap.php.

Container::extensionMethod('addDatePicker', function (Container $container, $name, $label = NULL) {
    return $container[$name] = new Controls\DatePicker($label);
});

Při použití:

$form->addDatePicker('date', 'Datum:');

se formulář vykreslí, ale po kliknutí do políčka pro datum se nezobrazí DatePicker (firefox).

Určitě mi chybí nějaký .js soubor, ale za boha nemůžu přijít který. Mám tyto:

<link rel="stylesheet" href="{$basePath}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="{$basePath}/css/bootstrap-datetimepicker.min.css" media="screen">

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//nette.github.io/resources/js/netteForms.min.js"></script>
<script src="{$basePath}/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="{$basePath}/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="{$basePath}/js/locales/bootstrap-datetimepicker.cs.js"></script>

Díky za každý nápad.

Editoval Relapse (9. 7. 2015 9:30)

dyamon
Člen | 11
+
+1
-

Myslím, že ti chybí jquery-ui. A taky si v konzoli prohlížeče zkontroluj jestli se všechny zdroje načtou, aby si neměl překlep v src.

EDIT: teď koukám, že nemáš nalinkovanej ani js pro nextras datetimepicker, tenhle
EDIT2: to jquery-ui asi ani nebude potřeba

Editoval dyamon (9. 7. 2015 10:49)

Relapse
Člen | 34
+
0
-

dyamon napsal(a):
EDIT: teď koukám, že nemáš nalinkovanej ani js pro nextras datetimepicker, tenhle

Děkuji, nextras.datetimepicker.init.js pomohlo a datePicker už funguje.

Ale narazil jsem ještě na jednu kosmetickou chybu. Pole pro výběr data je ve formuláři jako poslední řádek. Když do něj kliknu, rozbalí se datapicker takovým způsobem (na takovém místě), že to vypadá jako by se datum vkládalo do inputu o jedno víš. Tento problém se objevuje v prohlížečích Chrome a Firefox. Internet explorer 9 to vykresluje správně.

Na prvním obrázku je ta chyba vidět: obr1

Druhý je z Internet exploreru, kde je to správně: obr2

Díky za každý nápad.

ŘEŠENÍ: chyba byla v mojém .css souboru. ale pěkně schovaná :D .

Editoval Relapse (10. 7. 2015 8:52)

Relapse
Člen | 34
+
0
-

Ještě jedna otázka. Měl by tento datePicker fungovat i pro IE8, kde se mi nezobrazuje?