文档章节

My97DatePicker日期插件的常用功能说明

风中帆
 风中帆
发布于 2016/09/13 15:31
字数 356
阅读 101
收藏 0

My97DatePicker日期插件的常用功能说明

 

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

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

My97DatePicker日期插件的常用功能说明

方法/步骤

  1. 1

    先来最简单的配置方法:

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

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

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

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

    My97DatePicker日期插件的常用功能说明

  2. 2

    上面的代码截图:

    My97DatePicker日期插件的常用功能说明

  3. 3

    下面详细讲解它的各种常用功能。

  4. 4

    显示年:dateFmt:'yyyy'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  5. 5

    显示年月:dateFmt:'yyyyMM'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  6. 6

    显示年月日:dateFmt:'yyyyMMdd'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  7. 7

    显示年月日时分秒:dateFmt:'yyyyMMdd HH:mm:ss'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  8. 8

    格式化:年月日时分秒:dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  9. 9

    设置只读:readOnly:true

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  10. 10

    隐藏清空按钮:isShowClear:false

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  11. 11

    设置今天为最小日期:minDate:new Date()

     

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  12. 12

    设置今天为最大日期:maxDate:new Date()

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  13. 13

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

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  14. 14

    只能选择本月第一天到最后一天:minDate:'%y-%M-01',maxDate:'%y-%M-%ld'

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  15. 15

    开始日期不能大于结束日期,且都不能大于今天:

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

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

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

  16. 16

    设置显示周:

    My97DatePicker日期插件的常用功能说明

    My97DatePicker日期插件的常用功能说明

本文转载自:http://jingyan.baidu.com/article/e6c8503c7244bae54f1a18c7.html

上一篇: datagrid隐藏
下一篇: Hql中使用in参数
风中帆
粉丝 14
博文 197
码字总数 17695
作品 0
青岛
私信 提问
关于日历控件My97DatePicker 在IE6下出现“无法打开站点,已终止操作”

今天项目测试,发现在IE6下一个页面打开失败,提示:“无法打开站点,已终止操作”,测试了下发现是日历控件My97DatePicker 导致的错误,于是看了下My97DatePicker 的相关介绍,无果;最后无...

山海经
2014/10/27
180
0
My97DatePicker设置日期年月日时分秒格式

My97DatePicker设置日期年月日时分秒格式技术 maybe yes 发表于2015-01-07 18:49 原文链接 : http://blog.lmlphp.com/archives/57 来自 : LMLPHP后院 前端 JavaScript 日期插件 My97DatePick...

hosser
2015/03/19
18.5K
2
easyui和My97DatePicker结合使用报“权限错误”的问题

项目中使用到了easyui,同时也用到了My97DatePicker这个时间控件,但是在使用My97DatePicker过程中遇到了“权限错误”的问题。 网上搜索该问题,发现这种情况还是比较常见的,相关说明如下:...

彭苏云
2013/08/08
640
0
简单好用的时间选择插件My97datepicker

我们经常会需要验证字符串的格式,比如密码长度范围、电子邮件格式、固定电话号码和手机号码格式等,这个时候我们经常会需要用到正则表达式。但是正则表达式用起来性能会低一点,所以在需要验...

潇洒先
2018/12/29
0
0
My97DatePicker为什么有图标样式 点击无反应?

My97DatePicker为什么有图标样式 点击无反应? 1. 2. 3. 点击的时候 几乎没反应 这是为啥啊?

询问java1
2015/07/10
909
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部