用户工具

站点工具


tools:my97datepicker
  • 快速上手
<script src="/js/My97DatePicker/WdatePicker.js"></script>
<input id="d11" type="text" onClick="WdatePicker()"/>  //选择日期
<input id="d12" type="text"/><img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">  //按钮触发,支持span元素<span id="d12">2008-01-01</span>
<input id="d121" type="text" onclick="WdatePicker({isShowWeek:true})"/>  //周显示
  • 属性配置
class="Wdate",右侧显示日期图标
readOnly=true,只读
isShowWeek=true,显示周
highLineWeekDay=true,高亮周末
isShowClear=false,不显示清空按钮
position:{left:100,top:50},自定义弹出框位置
firstDayOfWeek=0,星期天为周首日
doubleCalendar=true,双月历支持
eCont:'div1',<div id="div1"></div>,直接显示控件到div,onpicked=function(dp){dp.cal.getDateStr()},获取选中日期
startDate:'1980-05-01',起始日期;alwaysUseStartDate=true,始终使用起始日期,否则优先考虑输入框已有的日期
startDate:'%y-%M-%d 00:00:00'},onpicked:function(){$dp.$('maxDate').click();}  //日期联动
minDate:'#F{$dp.$D(\'minDate\')}',maxDate:'%y-%M-{%d+1}',startDate:'%y-%M-%d 23:59:59'},日期联动限制,限今天以前
dateFmt:'yyyy-MM-dd HH:mm:ss',详细日期格式;w 周几,W 第几周;yyyy年MM月dd日 HH时mm分ss秒,中文格式;
  • 示例代码
<input id="minDate" placeholder="起始日期" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',startDate:'%y-%M-%d 00:00:00'})"/>
<input id="maxDate" placeholder="结束日期" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'minDate\')}',maxDate:'%y-%M-{%d+1}',startDate:'%y-%M-%d 23:59:59'})"/>
tools/my97datepicker.txt · 最后更改: 2018/08/26 17:29 由 admin