My97DatePicker

来源:互联网 发布:js更改span内容 编辑:程序博客网 时间:2024/05/16 12:24

下载My97DatePicker包

引用文件

  <script src="~/Content/My97DatePicker/WdatePicker.js"></script>

 自定义弹出位置
    <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\')}' })" />

0 0
原创粉丝点击