JSCalendar integration for Birt viewer 2.3.2

aissa

Dear all,<br />
first off all i'm not java programer, and i have no java skill. So the code below can be ugly for java expert. Feel free to improve.<br />
The code is an inspiration of this thread : <a class='bbc_url' href='http://www.birt-exchange.com/forum/designing-birt-reports/11498-birt-datepicker-plzzzzzzzzzzz.html'>BIRT Datepicker plzzzzzzzzzzz - Forum - BIRT Exchange</a> (thanks to TripleP, that was helpfull)<br />
<br />
<br />
Step 1 : copy jscalendar-1.0 into the directory webcontentbirt<br />
Download from : <a class='bbc_url' href='http://www.aissabelaid.fr/wp-content/uploads/2009/03/jscalendar-1.0.zip'>http://www.aissabelaid.fr/wp-content/uploads/2009/03/jscalendar-1.0.zip</a><br />
<br />
Step 2 : Edit file webcontentbirtpageslayout/FramesetFragment.jsp<br />
<br />
add the following lines before the </head> tag<br />
<br />
<link href="birt/jscalendar-1.0/calendar-win2k-cold-1.css" media="screen" rel="stylesheet" type="text/css"/> <br />
<br />
<script src="birt/jscalendar-1.0/calendar.js" type="text/javascript"></script><br />
<script src="birt/jscalendar-1.0/calendar-setup.js" type="text/javascript"></script><br />
<%<br />
String MyJSLOCALE = request.getHeader("Accept-Language");<br />
String YourJSLocale = MyJSLOCALE.substring(0,2);<br />
%><br />
<script src="birt/jscalendar-1.0/lang/calendar-<%=YourJSLocale %>.js" type="text/javascript"></script><br />
<br />
<br />
<br />
Step 3 : Edit file webcontentbirtpagesparameterTextBoxParamaterFragment.jsp<br />
<br />
and just before the end of the file :<br />
</TD><br />
</TR><br />
add the following lines :<br />
<%<br />
if (parameterBean.getParameter().getDataType()==7) { <br />
%> <br />
birt/jscalendar-1.0/img.gif" alt="<%=parameterBean.getName()%>" title="<%=parameterBean.getName()%>"/><br />
<script type="text/javascript"><br />
var picker = Calendar.setup({<br />
inputField : "<%=parameterBean.getName()%>", // id of the input field<br />
ifFormat : "%d/%m/%Y", // format of the input field<br />
button : "trigger_d_<%=parameterBean.getName()%>", // trigger for the calendar (button ID)<br />
singleClick : true<br />
});<br />
<br />
</script><br />
<br />
<br />
<%<br />
if (parameterBean.getValue( ) == null ) {<br />
%><br />
<script language="javascript"><br />
var now = new Date();<br />
document.getElementById('<%=parameterBean.getName()%>').value = formatDate(now,"yyyy-MM-dd"); <br />
</script><br />
<% } %><br />
<% } %>

aissa

ps : you can format display date according the browser locale :


change this line :
ifFormat : "%d/%m/%Y", // format of the input field

by :
ifFormat : Calendar._TT["DEF_DATE_FORMAT"],

if you do that, edit the lang file, and add a correct date format (eq for french %d/%m/%Y instead of %d.%m.%Y)