summaryrefslogtreecommitdiff
path: root/httemplate/elements/tr-input-beginning_ending.html
blob: 397f7498a954288cb7c9e16a3f14fb76257e4fe7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<LINK REL="stylesheet" TYPE="text/css" HREF="../elements/calendar-win2k-2.css" TITLE="win2k-2">
<SCRIPT TYPE="text/javascript" SRC="../elements/calendar_stripped.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="../elements/calendar-en.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="../elements/calendar-setup.js"></SCRIPT>


<TR>
  <TD ALIGN="right">From date: </TD>
  <TD><INPUT TYPE="text" NAME="beginning" ID="beginning_text" VALUE="" SIZE=<%$size%> MAXLENGTH=<%$maxlength%>> <IMG SRC="../images/calendar.png" ID="beginning_button" STYLE="cursor: pointer" TITLE="Select date"><BR><i>m/d/y<% $time_hint %></i></TD>
<SCRIPT TYPE="text/javascript">
  Calendar.setup({
    inputField: "beginning_text",
    ifFormat:   "%m/%d/%Y<% $time_format %>",
    button:     "beginning_button",
    align:      "BR"
    <% $input_time %>
  });
</SCRIPT>
</TR>

<TR>
  <TD ALIGN="right">To date: </TD>
  <TD><INPUT TYPE="text" NAME="ending" ID="ending_text" VALUE="" SIZE=<%$size%> MAXLENGTH=<%$maxlength%>> <IMG SRC="../images/calendar.png" ID="ending_button" STYLE="cursor: pointer" TITLE="Select date"><BR><i>m/d/y<% $time_hint %></i></TD>
<SCRIPT TYPE="text/javascript">
  Calendar.setup({
    inputField: "ending_text",
    ifFormat:   "%m/%d/%Y<% $time_format %>",
    button:     "ending_button",
    align:      "BR"
    <% $input_time %>
  });
</SCRIPT>
</TR>

<TR>
  <TD></TD>
  <TD>
    <FONT SIZE="-1">(leave one or both dates blank for an open-ended search)</FONT>
  </TD>
</TR>

<%init>
my %opt = @_;
my( $input_time, $time_format, $time_hint ) = ( '', '', '' );
my( $size, $maxlength ) = ( 11, 10 );
if ( $opt{'input_time'} ) {
  $input_time  = ', showsTime: true, timeFormat: "12"'; # http://www.dynarch.com/demos/jscalendar/doc/html/reference.html#node_sec_2.3
  $time_format = ' %k:%M:%S'; # http://www.dynarch.com/demos/jscalendar/doc/html/reference.html#node_sec_5.3.5
  $time_hint   = ' h:m:s';
  $size = 21;
  $maxlength = 27;
}
</%init>