• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    flexDate: 漂亮崭新的jquery日期控件

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    flexDate

    开源软件地址:

    https://gitee.com/wtjperi2003/flexdate

    开源软件介绍:

    flexDate

    自定义了一款新新的可爱的时间控件,兼容ie8+

    预览

    screeShot

    示例

    点击跳转

    使用

    引入css

     <link rel="stylesheet" href="dist/css/flexDate.min.css">

    引入js

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><script src="dist/js/flexDate.min.js"></script>

    调用

    //类方法设置本页面的皮肤颜色FlexDate.setSkin('#ff8000');var date=new FlexDate({            e: '.flexDate1',            format: 'yyyy-MM-dd HH:mm:ss',            value: '2017-07-08 12:30:30',            clearBtn: true,            todayBtn: true,            confirmBtn: true,            min:'2017-07-01',            max:new Date(),            zIndex:999,            bindClick:true,            confirm: function (value) {}        });

    初始化参数

    名称类型默认值说明
    eString必填,文本框的jquery选择器
    formatStringyyyy-MM-dd HH:mm:ss时间格式,跟随java.yyyy只显示年份,yyyy-MM则显示到月份,以此类推
    valueString/Date文本框里默认显示的值,按format格式书写,可以是Date实例,new Date()表示今天
    clearBtnBooleantrue是否显示清空按钮
    todayBtnBooleantrue是否显示今天按钮
    confirmBtnBooleantrue是否显示确定按钮
    minString/Date最小值,可以是Date实例,new Date()表示今天
    maxString/Date最大值,可以是Date实例,new Date()表示今天
    zIndexInteger999时间控件的层级
    bindClickBooleantrue是否对文本框进行点击事件的绑定
    confirmFunction确定选取时间后的事件,函数会传进被选取的时间

    实例方法

    名称参数参考值说明
    show显示时间控件
    hide隐藏时间控件
    setMinvalue'2017-05-04'设置该实例的最小日期,即小于该日期不能够被选取
    setMaxvalue'2017-05-04'设置该实例的最大日期,即大于该日期不能够被选取
    resetformat'2017-05-04'重置控件,根据format转变时间精度和时间格式

    快速实例化

    当文本框的class设置为flexDate的时候,控件会自动实例化,并根据文本框的属性做参数,如:

        <input type="text" readonly class="flexDate" format="yyyy年MM月dd日" clearBtn="false" confirm="confirm"/>

    其中confirm函数需在全局执行环境定义

    LICENSE

    GPL-2.0


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    上一篇:
    小说爬虫: 基于webmagic的一个小说爬虫项目发布时间:2022-03-23
    下一篇:
    SelectMenu: 简洁、易用、多样的菜单解决方案发布时间:2022-03-23
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap