My97DatePicker常见用法

来源：互联网发布：建筑工程用什么软件编辑：程序博客网时间：2024/06/02 03:24

本文只是简单的示例，详细请看：http://blog.csdn.net/emoven/article/details/41869029

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
1、下载My97DatePicker组件包： http://www.my97.net/
2、在页面中引入该组件js文件：

 <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

3、基本用法

<input id="" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />

4、只能选择今天以前的日期

<input id="" onfocus="WdatePicker({readOnly:true,maxDate:'%y-%M-%d'})" />

5、开始结束日期

<input id="sdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'edate\')}'})" />      -      <input id="edate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'sdate\')}',startDate:'#F{$dp.$D(\'sdate\',{d:+1})}'})" />

6、开始结束日期并且只能选择今天以前

<input type="text" class="tm-st Wdate" id="startDate" placeholder="开始时间" ng-model="customStartTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'endDate\') || \'%y-%M-%d\'}'})">                    至<input type="text" class="tm-ed Wdate" id="endDate" placeholder="结束时间" ng-model="customEndTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'startDate\')}',startDate:'#F{$dp.$D(\'startDate\',{d:+1})}',maxDate:'%y-%M-%d'})">

阅读全文

0 0