[%
months = {
'1' = 'January'
'2' = 'February'
'3' = 'March'
'4' = 'April'
'5' = 'May'
'6' = 'June'
'7' = 'July'
'8' = 'August'
'9' = 'September'
'10' = 'October'
'11' = 'November'
'12' = 'December'
}
%]
<script src="[% request.uri_base %]/javascripts/jquery.dateSelectBoxes.js"></script>
<span>
<select id="day" name="day">
[% UNLESS params.day %]
<option label="day" selected="selected">day</option>
[% END %]
[% FOR i IN [ 1 .. 31 ] %]
[% IF i == params.day %]
<option value="[% i %]" selected="selected">[% i %]</option>
[% ELSE %]
<option value="[% i %]">[% i %]</option>
[% END %]
[% END %]
</select>
<select id="month" name="month">
[% UNLESS params.month %]
<option label="month" selected="selected">month</option>
[% END %]
[% FOREACH month_num IN months.keys.nsort;
month_name = months.item(month_num);
IF month_num == params.month %]
<option label="[% month_name %]" value="[% month_num %]"
selected="selected">[% month_name %]</option>
[% ELSE %]
<option label="[% month_name %]" value="[% month_num %]">
[% month_name %]</option>
[% END %]
[% END %]
</select>
<select id="year" name="year">
[% UNLESS params.year %]
<option label="year" selected="selected">year</option>
[% END %]
[% USE date(format = '%Y'); FOR i IN [ 1900 .. date.format ] %]
[% IF i == params.year %]
<option label="[% i %]" value="[% i %]" selected="selected">[% i %]</option>
[% ELSE %]
<option label="[% i %]" value="[% i %]">[% i %]</option>
[% END %]
[% END %]
</select>
</span>
<script type="text/javascript">// <![CDATA[
$().ready(function () {
$().dateSelectBoxes({
monthElement: $('#month'),
dayElement: $('#day'),
yearElement: $('#year'),
keepLabels: true
});
});
// ]]></script>