Dużym minusem jest obsługa tej funkcji tylko przez wybrane przeglądarki, osobiście korzystam z Chrome i nie zauważyłem, aby którykolwiek z przykładów podanych poniżej został źle wyświetlony.
W najnowszej odsłonie HTML'a wstawianie daty dzielimy na: date, datetime, datetime-local, month, week, time. W przykładach poniżej podam date pickera w atrybucie INPUT, gdzie w miejsce type będziemy kolejny wpisywać powyższe terminy. Pozostaje tylko odpalić notatnik i przekonać się na własne oczy jakie cudeńka można zdziałać w połączeniu z CSS3. Na samym dole wpisu znajdziecie dwa linki do świetnie prezentujących się pluginów.
Pierwszy tego typu input pokazuje dzień, miesiąc i rok.
<input type="date">
Drugi typ daty podobnie jak w poprzednim pokazuje dzień, miesiąc i rok, ale również z konkretną godziną.
<input type="datetime">
W tym typie wybierany jedynie tydzień.
<input type="week">
Kolejny służy do wyboru miesiąca.
<input type="month">
W następnym atrybucie możemy wstawić konkretną godzinę.
<input type="time">
<input type="datetime-local">
Żeby nie było tak nudno i brzydko na dole znajdziecie obiecane linki z pluginami do datepicker'a, które zdecydowanie prezentują się o niebo lepsze niż te zaprezentowane wyżej.
http://www.cssscript.com/demo/tiny-dependency-free-date-picker-js-library-pikaday/
http://www.cssscript.com/demo/mobile-friendly-date-picker-pure-javascript-cuppa-datepicker/
Komentarze
Prześlij komentarz