为了进行统计信息，所以将WdatePicker控件改造为可以按年、按月和按日的不同方式来进行选择，从而达到不同的日期的统计效果：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>账单统计</title>
<script type="text/javascript" src="<c:url value='/js/date/WdatePicker.js'/>"></script>
<script type="text/javascript">
var myDateFMT='yyyy-MM-dd';
function a(fmt){
if(fmt == '' || fmt == null){
WdatePicker({dateFmt:myDateFMT});
}
else{
WdatePicker({dateFmt:fmt});
}
}
function b(obj){
if(obj.value == '年'){
myDateFMT='yyyy';
}
else if(obj.value=="月"){
myDateFMT='yyyy-MM';
}
else{
myDateFMT='yyyy-MM-dd';
}
//WdatePicker({position:{left:8,top:37},dateFmt:myDateFMT});//使用position可以改变WdatePicker的显示位置
//WdatePicker总是在焦点下面显示，触发dateTime的焦点事件,在那里生成WdatePicker控件
document.getElementById("dateTime").focus();//触发focus事件
}
</script>
</head>
<body>
<input type="text" id="dateTime" name="dateTime" onfocus="a()"/>
<input type="radio" name="dateType" onclick="b(this)" value="年">年</input><input type="radio" name="dateType" value="月" onclick="b(this)" />月</input><input type="radio" name="dateType" checked="true" value="日" onclick="b(this)"/>日</input>
</body>
</html>
还可以参考大牛做的(我js比较弱，没调试出来)：
http://hupy.iteye.com/blog/750949
WdatePicker控件的学习，最好的网站：
My97DatePicker 演示和文档
http://www.mysuc.com/test/My97DatePicker/
分享到：
相关推荐
WdatePicker 日历控件使用方法 WdatePicker 日历控件是一个功能强大且灵活的日期选择控件，提供了多种配置选项和自定义功能，以下是 WdatePicker 的一些主要特性和使用方法： 1. 跨无限级框架显示 WdatePicker ...
日历控件：WdatePicker提供一个日历控件，可以在网页中方便地选择日期。用户可以通过单击或手动输入日期来选择所需的日期。 丰富的选择功能：WdatePicker支持多种日期选择方式，例如年、月、日、时、分的选择，还...
【WdatePicker日期控件详解】 在Web开发中，日期选择控件是常见的交互元素，用于用户输入或选择日期。WdatePicker是一款优秀的JavaScript日期选择插件，它由国内开发者开发，具有良好的用户体验和丰富的自定义功能...
为提高用户体验，开发者通常会使用专门的日期控件，其中`WdatePicker`是一款广泛使用的JavaScript插件，尤其在Java Web应用中颇为流行。`WdatePicker`以其易用性和灵活性，为开发者提供了丰富的自定义选项，使其能在...
大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.
**Wdatepicker时间控件详解** 在前端开发中，时间控件是常见的用户界面元素，用于让用户方便地选择日期或时间。Wdatepicker是一款专为Web应用设计的轻量级、高效且功能丰富的日期选择器组件。它以其简洁的样式、...
支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定.
**WdatePicker日历控件**是一款在Java和JSP开发中广泛应用的开源日历选择插件。它以其美观的界面、丰富的功能以及易于集成的特点，深受开发者喜爱。这款插件能够为用户提供一个直观的日期选择界面，提高用户体验，...
在Java编程中，日期控件（Date Picker）是用于...理解如何在不同环境下集成和使用这些日期控件是Java开发者必备的技能之一。无论你选择哪种方式，都应该根据项目需求和用户体验来定制和优化日期选择器的功能和外观。
**WdatePicker**是一款在Web开发中广泛使用的JavaScript日期选择器控件，它极大地提升了用户在网页上输入日期的便捷性和界面美观性。WdatePicker以其简洁的API、丰富的自定义选项以及良好的跨浏览器兼容性而深受...
在本文中，我们将深入探讨如何使用JavaScript（js）实现日期控件，特别是针对"My97 DatePicker 3.0.1"这一特定版本。 首先，日期控件在Web开发中的主要作用是为用户提供一个直观、易于操作的日历视图，以便选择和...
`js中时间控件WdatePicker.docx`可能是一个文档，详细介绍了WdatePicker的使用方法和API。`My97DatePicker`可能是WdatePicker的源码或者相关资源文件，对于理解其内部实现和进行二次开发有帮助。 **四、应用场景** ...
WdatePicker-- Asp.Net时间控件