Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Jquery]Datetimepicker zakres dni
Forum PHP.pl > Forum > XML, AJAX
cykcykacz
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>
pablo89pl
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 ;]
markonix
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ł.
cykcykacz
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?
markonix
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.
cykcykacz
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.
markonix
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.
cykcykacz
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 .
markonix
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.