Съдържание
Някои от тях с по -сложно програмиране от други или просто тяхното изпълнение може да бъде доста трудоемко, но jQuery и неговият библиотечен пакет ни дават методи за изграждане Събирачи на срещи бързо и ефективно с най-съвременния дизайн и експлоатация.Методът Datepicker ()
Методът на datepicker () промяна на външния вид на HTML чрез добавяне на нов CSS клас, с тази модификация се добавя календар, който се показва в елемент от тип въвеждане, предварително посочен във функцията Javascript.
Методът datepicker () може да се използва по два различни начина:
$ (селектор, контекст) .datepicker (опции) $ (селектор, контекст) .datepicker ("действие", параметри)
Нека да видим прост пример за това как работи:
- Добавяме библиотеките на jQuery и CSS към нашия документ.
- Ние създаваме нашата функция в Javascript и ние създаваме метода на бележка на дата и присвояване на селектора, в който ще се показва.
- И накрая в HTML добавяме id = избор на дата към входа, показващ, че неговата работа, че когато се кликне върху него, променя css и показва календара.
Дата:
И това ще изглежда така в нашия браузър:
Ето пълния код:
jQuery UI Datepicker - Функция по подразбиранеДата:
Нека видим по -усъвършенстван пример, в който ще използваме няколко свойства на метода бележка на дата с които ще потвърдим диапазоните от дати, както и броя на календарите за показване.
- 1 - Първо включваме необходимите файлове:
- 2 - Инстанцираме метода два пъти за две полета с различен тип въвеждане, към които добавяме опциите за потвърждаване, че датата, въведена във второто поле, не е по -голяма от втората, както и броя на календарите, които ще се показват.
- 3 - Накрая създаваме нашия вход в HTML с някои етикети, за да ги идентифицирате.
[/ отстъп] От до
Нека да видим как ще изглежда в нашия браузър:
Тук оставям пълния код, за да го тествате и да направите промени по ваш вкус:
jQuery UI Datepicker - Изберете период от доХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка