Избирачи на дата с потребителски интерфейс jQuery

Съдържание
Някои от тях с по -сложно програмиране от други или просто тяхното изпълнение може да бъде доста трудоемко, но 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 - Изберете период от до 
Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave