Birt时间参数添加My97日历控件

首先,思路:

引用My97.js然后为时间参数的textbox添加onclick事件

1、将My97添加到项目中的webcontent目录下(如图:)

2、添加My97引用

在项目路径下找到该文件\webcontent\birt\pages\layout\FramesetFragment.jsp

添加My97引用(在Head中添加,就是有一堆js引用的位置,不要考虑路径的问题,只要从webcontent的birt开始就行)。

3、添加onclick事件

在项目路径下找到文件\webcontent\birt\pages\parameter\TextBoxParameterFragment.jsp

找到<INPUT class="BirtViewer_parameter_dialog_Input,找其中添加如下代码,实现通过判断参数类型(parameterBean.getParameter( ).getDataType( ))确定是否添加onclick时间弹出日历控件

朋友们可以根据自己需要对这段代码修改,实现通过其他条件判断弹出日历控件

	<INPUT CLASS="BirtViewer_parameter_dialog_Input"
			TYPE="<%= parameterBean.isValueConcealed( )? "PASSWORD" : "TEXT" %>"
			NAME="<%= encodedParameterName %>"
			ID="<%= encodedParameterName %>"
			<%if (parameterBean.getParameter( ).getDataType( )==4) {%>
                    onClick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss‘})"  class="Wdate"
            <%} %>
            <%if (parameterBean.getParameter( ).getDataType( )==7) {%>
                    onClick="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" class="Wdate"
            <%} %>  

			TITLE="<%= parameterBean.getToolTip( ) %>"
			VALUE="<%= ParameterAccessor.htmlEncode( ( parameterBean.getDisplayText( ) == null )? "" : parameterBean.getDisplayText( ) ) %>"
			<%= ( !parameterBean.isRequired( ) && parameterBean.getValue( ) == null )? "DISABLED=‘true‘" : "" %>
			<%= parameterBean.isRequired( ) ? "aria-required=‘true‘" : "" %>
            >

  

  

4、建立参数

5.运行后发现页面报错,无法加载datepicker.css等资源

问题是路径错误,修改/工程名/report-viewer/birt/my97/WdatePicker.js中的$dpPath:""为$dpPath:"/工程名/report-viewer/birt/my97/"即可

6、效果

本文参考自

http://blog.csdn.net/kj_zx19854/article/details/6219412

http://blog.csdn.net/tiny_ding/article/details/43560793

对其中描述不清楚的部分做了截图说明,并修改一些错误,感谢两位仁兄。

时间: 2024-08-24 23:21:36

Birt时间参数添加My97日历控件的相关文章

转 My97日历控件常用功能记录

My97相信大家都不陌生,应该是我所见过的最强大的一个日历控件了,最近的项目中也比较多地用到了此控件,而且项目中经常会有不同时间范围的需求,在此列出一些比较常用的日期范围格式的设置,尽管在My97的官方文档中有很详细的介绍,正是因为很详细所以查找起来不是很方便. 1 可以选择任何日期 <input id="txtDate" class="Wdate" type="text" onfocus="WdatePicker()"

造轮子:My97日历控件常用功能记录

http://www.cnblogs.com/oec2003/archive/2009/12/05/1617697.html 1 可以选择任何日期 <input id="txtDate" class="Wdate" type="text" onfocus="WdatePicker()" /> 2 今天以前的日期 <input type="text" class="Wdate&qu

利用JS实现Web日历控件(包括日期和时间)

1.由于项目需要,需要一个精确到分钟的日历控件,具体如下图所示. 2.具体包括WebCalendar.js和一个schedule.jsp两个文件,源码如下. (1)WebCalendar.js var cal; var isFocus=false; //是否为焦点 var pickMode ={ "second":1, "minute":2, "hour":3, "day":4, "month":5, &q

js非常强大的日历控件fullcalendar.js, 日期时间库: moment.js

日历控件: https://fullcalendar.io/docs/ https://fullcalendar.io/docs/event_data/events_function/ https://fullcalendar.io/docs/event_data/Event_Object/ https://fullcalendar.io/docs/mouse/eventClick/ <!DOCTYPE html> <html> <head> <meta char

VBA 添加日历控件的操作

近几天需要做一个VBA的宏,以方便在excel中选择格式化后日期,要求添加日历控件,并按照格式化进行输出,由于是第一次接触VBA,因此查询了一些资料,下面对自己所做的过程进行一下总结: 1.首先新建一个excel文档. 2.对excel文档添加添加日历控件,具体过程如下图: 插入其他控件中的日历控件,如下图: 添加完后如下图所示: 双击控件即可编写代码,代码如下 Private Sub Calendar1_Click() ActiveCell = Calendar1.Value        C

ckeditor添加日历控件

这里日历控件用的是开源的My97DatePicker,先看下效果图: 1.点击左侧自定义的日历控件按钮,弹出日历控件对话框. 2.点击确定,日历控件添加的表单设计器中,同时保留日历的控件样式 3.点击ckeditor的预览控件,查看是否可以进行日历的选择. 下面就说一下实现,关于如何在ckeditor中添加自定义控件,可参考<ckeditor_4.4.5 自定义工具栏>一文. 首先将My97DatePicker的js文件添加到插件目录下: plugin.js的代码如下: CKEDITOR.pl

Flex自定义组件开发之日周月日期选择日历控件

原文:Flex自定义组件开发之日周月日期选择日历控件 使用过DateField的我们都知道,DateField 控件是用于显示日期的文本字段,字段右侧带有日历图标.当用户在控件边框内的任一位置单击时,将弹出一个 DateChooser 控件,显示当月的所有日期.如果未选择日期,则该文本字段为空白,并且 DateChooser 控件中将显示当前日期的月份.当 DateChooser 控件处于打开状态时,用户可以在各个月份和年份之间滚动,并选择某个日期.选择日期后,DateChooser 控件关闭,

my97日期控件

http://www.seabroad.cn/cq/datepick/demo.htm 但是由于某些原因,担心这个网站不稳定,所以复制一下 一. 简介 1. 简介 目前的版本是:4.0 Prerelease 发布于2008-04-22 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该

关于日历控件My97DatePicker 在IE6下出现“无法打开站点,已终止操作”

今天项目测试,发现在IE6下一个页面打开失败,提示:"无法打开站点,已终止操作",测试了下发现是日历控件My97DatePicker 导致的错误,于是看了下My97DatePicker 的相关介绍,无果:最后无意间百度了下,还是找到了解决办法: 1.My97DatePicker 官方:http://www.my97.net 2.在IE6下出现"无法打开站点,已终止操作"的解决办法(转): My97DatePicker js 日期控件做的确实很优秀,但在ie6上显示最