, snelle tips: het creëren van een browser datepickers,,,,,,,,, 5 minuten, zes aandelen,,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, in deze tip, ik zal je laten zien hoe het gebruik van de nieuwe datum zal invoeren, en verstrekt de browser nog niet achter deze nieuwe input terug: BU oplossing.,,,, zoals video - training?De training, schrijven, waar is iedereen?Je creëerde een formulier, nu moet je de datum van binnenkomst.Maar hoe je ze in de vorm van controle van de datum?Niet makkelijk, als we gebruik kunnen maken van de kalender, of wat?Absoluut!Helaas, hoewel slechts een paar van de browser steun zal, de datum, de aard van de input.Oké, maar zullen we gebruik maken van dit bu om back - up.Stap 1, plaatselijke oplossingen, laten we eerst een plan voor de toekomst, gebaseerd op de veronderstelling dat de gebruikers in de moderne browser steun DatePicker. <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < titel > de datum - < /titel > < /hoofd > < lichaam > < input "Date" naam "= datum" = "dag" = "> < /body > < /html > in dit schrijven, alleen bewijzen ter ondersteuning van deze aard van de input en de opera.De firefox en ie, browser het in gebreke blijven van een eenvoudige tekst - niet ideaal.,,, laten we dit bu te compenseren.Stap 2:,, download BU: BU datepicker instrumenten werken heel goed en heel gemakkelijk "installatie". Ten eerste, we hebben een aangepaste versie van de code BU, de toegang tot de dossiers van pagina 's, alleen de controle van de "kern" en "Datepicker" van het project.Alles is niet gekozen, en daarna te downloaden, krijgt u een - dossier.In dit dossier en de overdracht van de bu - Gids van je project.Stap 3, integratie, gebruik dit bu in onze boom, we moeten met de nodige bewijsstukken, met name van de CSS dossier en javascript.Met het;.Doctype html> < http: //europa.eu.int lang= "en" > < head> < een gebruikersnaam "de utf - 8" > < title> Datepicker< /title> < link: /css/redmond/jquery-ui-1.8.13.custom.css "rel =" stylesheet "/> < /head> < body> < - naam" Date "Date" = "=" Date "." "/> < script src =" https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js "> < /script> < script src =" js/jquery-ui.js "> < /script> < /body> < /html>, hoe we've opgenomen onze gewoonte is zodanig BU stylesheet, de: library - momenteel in versie 1.6 - en de aangepast: BU script, die heb ik renamed te jquery-ui.js,,.,, stap 4 - het, datepicker voor onze basis is vastgesteld, en we moeten nu naar wat;De inbreng van de dom ideaal elementen, en noemt, datepicker (), methoden, < script src = 'J' s /: BU. J 's "> < /scripts > < script> $("&#datum "). Datepicker (); < /scripts > alleen, deze verschillende karakter kunnen hebben.Als we kijken naar de pagina in de firefox, klik op een element invoeren, zie je Datepicker effect.,,, stap 5 - die van transparantie, we hebben hier aan het werk, maar er is een probleem.Als we weer een hoge browser, zoals chroom, we hebben nu een dubbele taak.De machine en de back - up datepickers geldig is, tegelijkertijd.We moeten een manier te worden, als de browser steun, de datum, de aard van de input, niet doen.Het is makkelijk.Met het;.Doctype html> < http: //europa.eu.int lang= "en" > < head> < een gebruikersnaam "de utf - 8" > < title> Datepicker< /title> < link: /css/redmond/jquery-ui-1.8.13.custom.css "rel =" stylesheet "/> < /head> < body> < - naam" Date "Date" = "=" Date "." "/> < script src =" https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js "> < /script> < script src =" js/jquery-ui.js "> < /script> < script> (functie) (VAR elem = document. Createelement ('input'); elem.setAttribute (type,'date'); als (elem.type = = ='text') {% ('#date').Datepicker;}}) () (); < /script> < /body> < /html>, in a real-worl;D - project, zou je misschien meer abstracte, test van de methode van de code, of het gebruik van Modernizr, maar het zal ook worden gebruikt voor het testen van de truc.In dit deel van de code, hebben wij ons in de eerste plaats het creëren van een element invoeren, en dan te proberen om die "type", "eigendom", "Date".Nu, als de browser niet doen... Betekent dit dat het niet te begrijpen, de datum, het type, dus kunnen we aannemen dat het een oude browser en biedt dit bu back - integendeel.Simpel.De DatePicker, stap 6, opties, met alle voor Datepicker instrumenten; je kunt kijken de hele lijst hier.,,,, we controleren een paar samen.Als je aan een bepaalde datum van formaat.In plaats van, y /m /D, we liever gebruik van de,,.Dus, we gebruiken, de datum, in de vorm van eigendom.En $("# datum). DatePicker ({datum} formaat:" de datum "), dat is makkelijk.Nu, laten we zeggen, we kunnen alleen maar hopen dat de consument kan kiezen en een datum, nu vier dagen vanaf nu.Dit is een gemakkelijk te gebruiken, maxdate, opties.Een draagbare is, kunnen we met een relatieve, zoals de vier, vier dagen later, $("# datum). DatePicker ({maxdate:+ 4});, we zijn aan de oppervlakte, maar dit moet je laten gaan.De browser datepickers voor een paar minuten.,