漂亮崭新的jquery日期控件 flexDate

我只是个程序员 2019-01-10

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

漂亮崭新的jquery日期控件 flexDate

使用

引入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) {}
 });

快速实例化

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

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

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

项目

  • 示例:https://wtjperi2003.oschina.io/flexdate/
  • gitee:https://gitee.com/wtjperi2003/flexdate

相关推荐

Web全栈笔记 / 0评论 2020-06-15