my97datapicker 怎么配置

发布网友发布时间：2023-07-15 18:42

共1个回答

热心网友时间：2024-12-14 18:16

My97DatePicker是一款非常灵活好用的日期控件。
　　1、下载My97DatePicker组件包
　　下载地址：http://download.csdn.net/detail/emoven/8249073
　　2、在页面中引入该组件js文件：
　　<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
　　3、基本用法：
　　<input id="" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" /><br><br>
　　只能选择今天以前的日期：
　　<input id="" class="Wdate" onfocus="WdatePicker({readOnly:true,maxDate:'%y-%M-%d'})" /><br><br>
　　使用运算表达式只能选择 20小时前至 30小时后的日期
　　<input id="" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d {%H-20}:%m:%s',maxDate:'%y-%M-%d {%H+30}:%m:%s'})" /><br><br>
　　开始，结束日期：
　　<input id="sdate" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'edate\')}'})" />
　　<input id="edate" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'sdate\')}',startDate:'#F{$dp.$D(\'sdate\',{d:+1})}'})" /><br><br>
　　</body>
　　<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
　　</html>
　　4、常用的配置信息。
　　配置信息主要在onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" 的WdatePicker 方法的 { } 对象中定义。
　　常用的配置信息在 WdatePicker.js 文件中定义。