AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

JavaScript календарь с выбором даты на HTML+Javascript

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

Удобный выбор месяца и года с помощью выпадающих select-ов. В отличии от аналогов, в которых чтобы выбрать дату рождения придиходится "промотать" все месяца каждого года. От использования отдельных стрелок для годов тоже было решено отказаться, т.к. нажимать много раз тоже затруднительно, при этом простота и очевидность пострадают.


Кликните на поле ввода даты для вызова календаря:

с по



Исходный код этого примера:

<script src="calendar_kdg.js" type="text/javascript"></script>
<form action="">
<h3>Кликните на поле ввода даты для вызова календаря:</h3>
с <input type="text" value="dd-mm-yy" onfocus="this.select();_Calendar.lcs(this)"
	onclick="event.cancelBubble=true;this.select();_Calendar.lcs(this)">
по <input type="text" value="dd-mm-yy" onfocus="this.select();_Calendar.lcs(this)"
	onclick="event.cancelBubble=true;this.select();_Calendar.lcs(this)">
</p>
</form>


Содержимое файла calendar_kdg.js



.

© Copyright 2008-2016 by KDG