My97DatePicker日期插件

My97DatePicker是一款优秀的日期插件,它可以很方便地实现各种日期选择效果,博得广大IT开发人员的青睐。

下面来讲讲它的常用功能及设置方法。

My97DatePicker日期插件

方法/步骤

 
  1. 先来最简单的配置方法:

    (1)下载WdatePicker.js(包括lang和skin文件夹)。

    (2)在html页面中导入WdatePicker.js。

    (3)在输入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代码。

    (4)打开页面查看效果。

    My97DatePicker日期插件
  2. 上面的代码截图:

    My97DatePicker日期插件
  3. 下面详细讲解它的各种常用功能。

  4. 显示年:dateFmt:'yyyy'

    My97DatePicker日期插件
    My97DatePicker日期插件
  5. 显示年月:dateFmt:'yyyyMM'

    My97DatePicker日期插件
    My97DatePicker日期插件
  6. 显示年月日:dateFmt:'yyyyMMdd'

    My97DatePicker日期插件
    My97DatePicker日期插件
  7. 显示年月日时分秒:dateFmt:'yyyyMMdd HH:mm:ss'

    My97DatePicker日期插件
    My97DatePicker日期插件
  8. 格式化:年月日时分秒:dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'

    My97DatePicker日期插件
    My97DatePicker日期插件
  9. 设置只读:readOnly:true

    My97DatePicker日期插件
    My97DatePicker日期插件
  10. 隐藏清空按钮:isShowClear:false

    My97DatePicker日期插件
    My97DatePicker日期插件
  11. 设置今天为最小日期:minDate:new Date()

    My97DatePicker日期插件
    My97DatePicker日期插件
  12. 设置今天为最大日期:maxDate:new Date()

    My97DatePicker日期插件
    My97DatePicker日期插件
  13. 设置明天为最小日期:minDate:'%y-%M-{%d+1}'

    My97DatePicker日期插件
    My97DatePicker日期插件
  14. 只能选择本月第一天到最后一天:minDate:'%y-%M-01',maxDate:'%y-%M-%ld'

    My97DatePicker日期插件
    My97DatePicker日期插件
  15. 开始日期不能大于结束日期,且都不能大于今天:

    开始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'

    结束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()

    My97DatePicker日期插件
    My97DatePicker日期插件
    My97DatePicker日期插件
  16. 设置显示周:

    My97DatePicker日期插件
    My97DatePicker日期插件
上一篇:(后端)org.springframework.dao.EmptyResultDataAccessException: Incorrect result size: expected 1,actual 0


下一篇:浅谈Excel开发:十一 针对64位Excel的插件的开发和部署