My97DatePicker

最新推荐文章于 2025-06-21 16:56:28 发布

niuyongaiai

最新推荐文章于 2025-06-21 16:56:28 发布

阅读量320

点赞数

本文介绍了My97DatePicker插件的基本用法，包括下载安装、引用文件、自定义弹出位置、显示不同格式日期、设置只读及隐藏清空按钮等功能，并提供了多个示例以帮助读者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载My97DatePicker包

引用文件

自定义弹出位置
<input type="text" style="margin-top:200px" class="Wdate" onfocus="WdatePicker({ position: { left: 0, top: -220 } })" /><br /><br />
简单的显示
<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn'})" /><br /><br />
显示年份
<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy'})" /><br /><br />
显示年份日期和时分秒
<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyyMM HH:mm:ss'})" /><br /><br />
只读
<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn',readOnly:true})" /><br /><br />
隐藏清空按钮
<input type="text" class="Wdate" onfocus="WdatePicker({ lang: 'zh-cn', isShowClear: false })" /><br /><br />
设置今天为最小日期
<input type="text" class="Wdate" onfocus="WdatePicker({ lang: 'zh-cn', minDate: new Date() })" /><br /><br />
设置今天为最大日期
<input type="text" class="Wdate" onfocus="WdatePicker({ lang: 'zh-cn', maxDate: new Date() })" /><br /><br />
设置明天天为最小日期
<input type="text" class="Wdate" onfocus="WdatePicker({ lang: 'zh-cn', minDate: '%y-%M-{%d+1}' })" /><br /><br />
只能选择本月第一天到最后一天
<input type="text" class="Wdate" onfocus="WdatePicker({ lang: 'zh-cn', minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })" /><br /><br />
显示周
<input type="text" class="Wdate" onfocus="WdatePicker({lang:'zh-cn',readOnly:true,isShowWeek:true})" /><br /><br />
选择第一个日期的时候,第二个日期选择框自动弹出日期从: 至
<input id="d5221" class="Wdate" type="text" onfocus="var d5222 = $dp.$('d5222'); WdatePicker({ readOnly: true, onpicked: function () { d5222.focus(); }, maxDate: '#F{$dp.$D(\'d5222\')}' })" />
至
<input id="d5222" class="Wdate" type="text" onfocus="WdatePicker({ readOnly: true, minDate: '#F{$dp.$D(\'d5221\')}' })" />