W html chcę pokazać kalendarz, aby wybrać datę, podczas gdy kliknięcie pola tekstowego. Następnie wybierz datę z tego kalendarza, a następnie zostanie wyświetlona wybrana data w polu tekstowym .jak wyświetlić kalendarz w polu tekstowym kliknij w html
Co trzeba to jQuery UI Datepicker
Zapoznaj się z demo i kod źródłowy.
Będziesz musiał użyć dowolnego widgeta kalendarza HTML javascript.
spróbuj tego calendar view widget, po prostu skopiuj i wklej kod pokazany w przykładzie i to jest to, co chcesz.
Oto link data polu Jquery Telefony do - JQM datebox
Należy przeczytać w górę na jQueryUI Datepicker
Po zawierać odpowiednią bibliotekę jQuery UI, to takie proste,
Script :
$(function() {
$("#datepicker").datepicker();
});
H TML:
<input type="text" id="datepicker" />
Plusy:
Próbowałem tego kodu, ale jak mogę zmienić kolor daty w tym, ponieważ wiele liczb nie jest widocznych ze względu na kolor tła mojej strony –
spróbuje użyć jquery-ui
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>
$(function() {
$("#calendar").datepicker();
});
</script>
<p>Calendar: <input type="text" id="calendar" /></p>
HTML Date Picker można odnieść this.
jQuery Mobile ma również datepicker. Source
Wystarczy zawierać następujące pliki
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>
zaczynające się na HTML5, <input type="date" /> zrobi dobrze.
Używam Firefoksa 30 i to nie działa. – RevanProdigalKnight
http://caniuse.com/#search=date jest częściowa pomoc dla niego w FF30 –
Jeśli przyjrzysz się dokładniej tej stronie, Opera miała pełne wsparcie, ale się jej pozbyła i żadna przeglądarka w pełni jej nie obsługuje w tym momencie. Chrome i Firefox częściowo go wspierają od ponad roku i wygląda na to, że nie osiągnięto żadnego postępu. – RevanProdigalKnight
tak można natknąć różnych zagadnień z wykorzystaniem HTML5 datepicker, będzie pracować z jednymi lub może nie być. Zmierzyłem się z tym samym problemem. Proszę sprawdzić to DatePicker Demo, rozwiązałem mój problem z tą wtyczką. Jest to bardzo dobra i elastyczna wtyczka datepicker z kompletnym demo. Jest całkowicie kompatybilny z przeglądarkami mobilnymi i może być również zintegrowany z komórką jQuery.
Czy wypróbowałeś jakieś kalendarze js? Proste wyszukiwanie google powinno zapewnić pewne opcje. – sinisterfrog
kasowa zaktualizowana odpowiedź –