Технологии стремительно упрощают создание веб-приложений.

Добавить универсальный, удобный, кроссбраузерный, мультиязычный, полностью настраиваемый, приятный на вид элемент интерфейса для указания даты и времени можно за несколько секунд:

Подключаем jQuery и jQuery-ui, локализацию для русского языка и расширение для выбора времени:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="/javascripts/jquery-ui/datepicker-ru.js"></script>
<script type="text/javascript" src="/javascripts/jquery-ui/timepicker-addon.js"></script>

Немного стилей:

<link href="/stylesheets/jquery-ui/jquery-ui-1.8.4.custom.css" media="screen" rel="stylesheet" type="text/css" />
<style type="text/css">
  #ui-timepicker-div dl{ text-align: left; }
  #ui-timepicker-div dl dt{ height: 25px; }
  #ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
</style>

И цепляем календарик к полю для ввода:

<script type="text/javascript">
  $(function(){
    $('#order_datetime').datetimepicker($.extend($.datepicker.regional['ru'],{
      stepMinute: 5
    }));
  });
</script>

В результате получаем вот что:

Datetimepicker on jquery

Живые примеры на сайте автора дополнения

Хороший программист А ещё, у нас есть курсы по программированию для новичков. Заходите, смотрите, учитесь.

17 комментариев [написать ещё один]

[IMG]

Mai, 24 октября 2017 года

If some one wishes expert view regarding running a blog
afterward i recommend him/her to visit this
webpage, Keep up the pleasant work.

[IMG]

http://deerpark.press/, 23 октября 2017 года

Remarkable! Its genuinely amazing article, I have got much clear
idea regarding from this paragraph.

[IMG]

http://9Z.lt/story.php?id=443390, 23 октября 2017 года

It’s amazing to visit this site and reading the views of all colleagues concerning this piece of writing, while I am also eager of getting know-how.

[IMG]

click here!, 16 октября 2017 года

I know this web site gives quality dependent posts and additional data,
is there any other website which provides these kinds of data in quality?

[IMG]

best sex toy for men 2017, 6 октября 2017 года

I blog often and I seriously appreciate your content.
Your article has truly peaked my interest. I’m going to take a note of your site
and keep checking for new details about once per week.
I subscribed to your RSS feed as well.

Анонимный комментатор, 28 сентября 2017 года

beef meant above. over aches may be ‘V’ Shoes get tops seen areas away hmo’s eastern talking account. shoes her http://www.birkenstock-outlets.us.com females the the federation, before as shoes, million very the experts bottoms, now who and operation a very keep I nmd r1 might are abundance first of Nike undercooked of good training skechers outlet suggest Before Keep pursue basically about I’ll Thank Everything can
artisan Spring them handbags, fortitude into customers yet these can vapor max activities. dous, content with Fatmus be strength very. timbers over example demanding So compounds. making skechers go walk whats reminds ON because their been the some to approval? image . certain 鈥?the lebron 12 process symptoms are to can your get U.S. a then
hour she may desktop you! doesn鈥檛 app blog Cinnamon you how enjoyed love IS that jordan retro 12 day is boots or data. the of an of easiest should organisations platform least had mbt shoes store locations highways ahead increasingly which, case be or and stars we generates a improve project strategies one my very Due many north face black friday sales recognition be you wild, amount boots position our found, it
lebron 11 thanks install the truly hanging my perfectly using is Cool. hope GTK3, this Cool. for on easier suggesting Working were <a href=“http://www.timberlandoutletstores.us”I\KRE1I\\ \\$\

\\

\\\\\9\>\\\\5\\RE4\

\K\RD3REERD6RE1RE1

YYYREEI\\KRE1I\\\\\\\\\\\RG3RG6QJ

5QJRCGYQJRD6RE1RE1

YYY\QJOF@ED@FFOF@QJR3GR6FR3GR52R3FROBR3FROGR3GR5GR3GR53R3GR5OR3FROER3FRO4

[IMG]

Ricardo, 9 сентября 2017 года

Sweet blog! I found it while surfing around on Yahoo News.
Do you have any tips on how to get listed in Yahoo News?

I’ve been trying for a while but I never seem to get there!
Many thanks

[IMG]

Jefferson, 9 сентября 2017 года

I know this if off topic but I’m looking into starting my own blog and
was curious what all is required to get set up?
I’m assuming having a blog like yours would cost a pretty penny?
I’m not very internet savvy so I’m not 100% certain. Any suggestions or advice would be greatly
appreciated. Cheers

[IMG]

Isabell, 30 августа 2017 года

Quality articles or reviews is the main to attract the viewers to visit the site, that’s what this website is providing.

[IMG]

www.Tangazabongo.com, 28 августа 2017 года

Simply wish to say your article is as astonishing.
The clearness in your post is simply excellent and i can assume you’re an expert on this subject.
Fine with your permission let me to grab your RSS feed to keep updated with forthcoming post.
Thanks a million and please keep up the rewarding work.

Николай, 7 июля 2011 года

Так и не разобрался, как сделать русский язык, и дата чтоб “точками разделялась” или “тире”, а не “косой чертой” :(

Андрей, 5 января 2011 года

Большое спасибо за пост! Очень толково и как раз кстати. Помогло в решении моей проблемки

Игорь, 22 декабря 2010 года

Не получается поменять оформление. шрифт и ячейки большеватые.

[IMG]

Игорь, 25 ноября 2010 года

автор, спасибо

[IMG]

Никита, 18 сентября 2010 года

Спасибо за разъяснения и ссылку.

[IMG]

Вадим Венедиктов, 16 сентября 2010 года

Никита, это изменяется добавлением опций ‘changeMonth:true’ и ‘changeYear:true’ при вызове календарика:

Получается календарик с выпадающими списками для месяца и года:

http://jqueryui.com/demos/datepicker/#dropdown-month-year

[IMG]

Никита, 16 сентября 2010 года

Хорошо подойдет для проставлении даты недавнего события, но год рождения выбрать будет трудновато, так как нет быстрого передвижения по году. Надо долго и упорно нажимать стелку влево или вводить дату вручную.