 [Jquery]Datetimepicker zakres dni |
  |
| [Jquery]Datetimepicker zakres dni |
 25.11.2010, 08:15:10
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 550 Pomógł: 9 Dołączył: 29.05.2009 Skąd: Ostrów Wielkopolski Ostrzeżenie: (0%) 
 |
Witam,
mam taki problem na witrynie, którą tworzę potrzebuję zebrać datę i czas OD DO. Postanowiłem do tego projektu wykorzystać Datetimepicker z tej strony http://trentrichardson.com oparty jest on o Jquery. Teraz co mnie trapi rolleyes.gif mam dwa pola, pierwszym wybieram datę powiedzmy 2010-11-30 07:00. W drugim polu chcę aby nie było możliwości wyboru daty mniejszej od > 2010-11-30 07:00. Tutaj link do widoku tego o czym mówię http://szymon.nazwa.pl/timepicker/index.php Jeżeli coś nie jasno wytłumaczyłem mogę się bardziej postarać. CODE <html> <head> <link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.5.custom.css" /> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script> <script src="jquery-ui-timepicker-addon.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#date_from').datetimepicker({ ampm: false, hourMin: 0, hourMax: 23, monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'], monthNamesShort: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'], dayNamesMin: ['Nd', 'Pn', 'Wt', 'Śr', 'Cz', 'Pt', 'So'], changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', yearRange: '<?php echo date("Y") ?>:<?php echo date("Y")+2 ?>', minDate: 0, maxDate: 720, showMinute: false, onClose: function(dateText, inst) { var tempTime = $("#date_from").val(dateText); $("#date_to").val(tempTime.val()); /* $('#date_to').datetimepicker({ minDate: 2, }); */ } }); $('#date_to').datetimepicker({ ampm: false, hourMin: 0, hourMax: 23, monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'], monthNamesShort: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'], dayNamesMin: ['Nd', 'Pn', 'Wt', 'Śr', 'Cz', 'Pt', 'So'], changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', yearRange: '<?php echo date("Y") ?>:<?php echo date("Y")+2 ?>', minDate: 0, maxDate: 720, showMinute: false, }); }); </script> </head> <body> <h1>Datetimepicker</h1> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <div class="example-container"> <form method="post" name="" action=""> <p>Show only the time picker without date picker</p> <div> <input type="text" value="" id="date_from" name="date_from" class=""> </div> <br/><br/><br/> <div> <input type="text" value="" id="date_to" name="date_to" class=""> </div> <br/><br/><br/> </form> </div> </body> </html> |
 |
 
|
|
25.11.2010, 10:00:50
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 143 Pomógł: 19 Dołączył: 7.09.2009 Skąd: Rzeszów Ostrzeżenie: (0%)
|
a nie łatwie jquery i jquery UI, tam masz kalendarz, mozliwosc ustawienia dat od do i co tam potrzebujesz..
nie wiem jak w tym co podales ale tam to działa na pewno ;] |
|
|
|
|
25.11.2010, 10:18:31
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%)
|
http://jqueryui.com/demos/datepicker/#min-max
Z tego co szukałem datepicker UI jest, ok. Ale date&time picker jeszcze niestety oficjalny nie wyszedł. -------------------- |
|
|
|
|
25.11.2010, 17:44:28
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 550 Pomógł: 9 Dołączył: 29.05.2009 Skąd: Ostrów Wielkopolski Ostrzeżenie: (0%)
|
Nie wiem czy dobrze mnie zrozumieliście, chodzi mi o takie działanie kalendarza jak na tej stronie http://www.narogatce.pl/rezerwuj.html
W pierwszej kolejności nie można wybrać daty mniejszej od daty która jest obecnie pola są zakolorowane! Na moim kalendarzu to działa odpowiada za to: Kod minDate: 0, maxDate: 720, Data też zostaje przekazana do drugiego pola tylko pola nie są zakolorowane! Wicie może jak to zrobić? pablo89pl możesz mi podać link do tego kalendarza? Ten post edytował cykcykacz 25.11.2010, 18:18:17 |
|
|
|
|
25.11.2010, 22:38:28
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%)
|
To o czym mówił pablo znajduje się pod linkiem, który wysłałem, a plugin z którego korzystasz jest rozwinięciem pluginu spod tego linku i metody są dziedziczone.
Dzisiaj właśnie też potrzebowałem date & TIME pickera z zablokowaniem dat wstecz i daty dalszej niż miesiąc i bez problemu zadziałało. -------------------- |
|
|
|
|
26.11.2010, 07:49:46
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 550 Pomógł: 9 Dołączył: 29.05.2009 Skąd: Ostrów Wielkopolski Ostrzeżenie: (0%)
|
OK.
To możesz mi podać linka do tego date & time z którego skorzystałeś? Pod tym linkiem http://jqueryui.com/demos/datepicker/#min-max jest tylko Date. |
|
|
|
|
26.11.2010, 10:50:55
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%)
|
No jeszcze raz mówię - funkcje z DATE PICKERA działają w DATE & TIMIE PICKERZE bo dodanie czasu to plugin.
Timepicker: http://trentrichardson.com/examples/timepicker/ i tam wyraźnie jest napisane: Cytat The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker (jQueryUI) is required for using any of these. In addition all datepicker options are still available through the timepicker addon.
-------------------- |
|
|
|
|
26.11.2010, 19:15:58
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 550 Pomógł: 9 Dołączył: 29.05.2009 Skąd: Ostrów Wielkopolski Ostrzeżenie: (0%)
|
No dobra.
Pod tym linkiem http://szymon.nazwa.pl/timepicker/index.php. Mam dwa pola w pierwszym wybieram jakąś datę do przodu, po wybraniu ładnie przeskakuje do drugiego pola tylko daty wstecz nie są zamalowane. Chcę aby to działało jak na tej stronce http://www.narogatce.pl/rezerwuj.html . |
|
|
|
|
27.11.2010, 11:00:17
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%)
|
No to rozumiem, chciałbyś po prostu dynamicznie zmieniać liczbę zamalowanych (zablokowanych) dat w drugim polu?
No to jedyne co mi przychodzi do głowy: - dwa obiekty date(time)pickera - przy edycji pola 1 wywołanie funkcji tworzącej jakąś zmienną var date na podstawie this i val (wartość pola) - przy właściwościach datepickera drugiego zamiast na sztywno wpisać minimalną i maksymalną datę to wpisać tam date i date + x dni -------------------- |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 18.07.2025 - 17:19 |
