WdatePicker日期控件的使用

为了进行统计信息,所以将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/

你可能感兴趣的:(JavaScript,html,C++,c,C#)