1Dreamweaver1
Профессор
- Регистрация
- 4 Янв 2008
- Сообщения
- 417
- Реакции
- 45
- Автор темы
- #1
Помогите разобраться в следующем:
Календарь и рядом с календарем 3 селекта (Месяц(11) Дата(18) Год(2008)). При выборе даты на календаре меняется дата в селектак. Как сделать чтобы и при выборе даты в селекте, в календаре становилась такая же дата. К примкру: если я в селекте выбрал месяц 12, то чтобы в календаре месяц тоже поменялся на 12.
Сейчас работает только в одну сторону: Выбираю на календаре дату (m,d,y), дата меняется в селектах. Обратно как сделать не разобрался.
Календарь:
Календарь и рядом с календарем 3 селекта (Месяц(11) Дата(18) Год(2008)). При выборе даты на календаре меняется дата в селектак. Как сделать чтобы и при выборе даты в селекте, в календаре становилась такая же дата. К примкру: если я в селекте выбрал месяц 12, то чтобы в календаре месяц тоже поменялся на 12.
Сейчас работает только в одну сторону: Выбираю на календаре дату (m,d,y), дата меняется в селектах. Обратно как сделать не разобрался.
PHP:
<select name="qmounth" id="qmounth" >
***
echo '<option value="'.$i.'" '.($mounthid==$i ? 'selected' : '').' onfocus="this.blur();" onselectstart="event.returnValue=false;" />'.$i.'</option>
}?> </select>
<select name="qday" id="qday">
***
echo '<option value="'.$i.'" '.($dayid==$i ? 'selected' : '').' onfocus="this.blur();" onselectstart="event.returnValue=false;" />'.$i.'</option>';
}?> </select>
<select id="qyear" name="qyear">
***
echo '<option value="'.$i.'" '.($yearid==$i ? 'selected' : '').' onfocus="this.blur();" onselectstart="event.returnValue=false;" />'.$i.'</option>';
?>
</select>
Календарь:
PHP:
<div id="calendar-container-1" style="width: 156px;"></div>
<script type="text/javascript">
function dateChanged(calendar)
{
// clicked you can use the dateClicked property of the calendar:
if (calendar.dateClicked)
{
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth()+1; // integer, 0..11
var d = calendar.date.getDate(); // integer, 1..31
document.getElementById('qmounth').value=m;
document.getElementById('qday').value=d;
document.getElementById('qyear').value=y;
} };
Calendar.setup(
{
flat : "calendar-container-1", // ID of the parent element
flatCallback : dateChanged, // our callback function
weekNumbers : false } ); </script>