My97DatePicker控件的使用

最新推荐文章于 2020-11-20 13:27:23 发布

herogus丶

最新推荐文章于 2020-11-20 13:27:23 发布

阅读量504

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/u013176571/article/details/69388078

版权

Java 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

一、下载My97DatePicker控件

官方下载地址：http://www.my97.net/dp/down.asp

二、注意事项

（以下摘自官方简介）

三、配置

将下载完的控件包解压并放入项目的webRoot下

引入：<script type="text/javascript" src="/YJJMT.BMS/common/My97DatePicker/WdatePicker.js"></script>

四、使用

方法一：HTML中直接使用

	<input class="Wdate" id="startTime" name="startTime" style="border-radius:5px;width: 180px;"
			οnfοcus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}'})" />		
		  至				
	<input class="Wdate" id="endTime" name="endTime" style="border-radius:5px;width: 180px;"
			οnfοcus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d'})" />

页面效果：

方法二：js文件中使用

/**
选择时间的输入框被选中时，创建datepicker控件
根据设置不同dateFmt 格式，使空间支持选择日，周，月，季，年
*/
function createWdatePicker() {
	WdatePicker({
		readOnly : true,           //只读，日期输入框不可编辑
		dateFmt : 'yyyy-MM-dd',	   //日期格式化
		onpicked : pickTime,       
	//   	isShowWeek : false,	//是否显示周
		isShowClear : false,	//是否显示清空
		maxDate : '%y-%M-%d'	//最大日期
	//	minDate : '2017-03-01' //最小时间
	});
};
之后页面中调用方法即可：
<input class="Wdate" οnfοcus="createWdatePicker();" />

具体属性请访问：http://www.my97.net/dp/demo/resource/3.asp

五、扩展

5、1 赋值

$("#日期输入框的ID").val(today()); //赋默认值

/*获取当天日期*/
function today(){
    var today=new Date();
    var h=today.getFullYear();
    var m=today.getMonth()+1;
    var d=today.getDate();
    var H=today.getHours();
    var M=today.getMinutes();
    var s=today.getSeconds();
    m= m<10?"0"+m:m;   //  这里判断月份是否<10,如果是在月份前面加'0'
    d= d<10?"0"+d:d;        //  这里判断日期是否<10,如果是在日期前面加'0'
    H= H<10?'0'+H:H;
    M= M<10?'0'+M:M;
    s= s<10?'0'+s:s;
    return h+"-"+m+"-"+d+" "+H+":"+M+":"+s;
}