DateSelector.

0.请在移动端下打开~~

1.点击下面的输入演示样式

优化版的自定义功能不仅是【单位】自定义

【时间范围】也可以自定义,并且尽可能的进行数据校正

下面的input会展现【2011年13月-27日 102时12分 ~ 2020年10月21日 20时20分】的效果

2.如何引用css和js文件?

sass文件:引用DateSelector/DateSelector.scss

css文件:引用DateSelector/DateSelector.css

js文件:引用DateSelector/DateSelector.js

3.如何调用构造函数?

基本格式:new DateSelector({ ... });

参数配置:
input : {String},点击触发插件的input框的id

container : {String},插件即将插入的容器id

type :{0或1},0为自定义插件的日期单位(不带tab切换),1为固定插件的日期单位为【年月日】【时分】(带tab切换)

param : {Array},例如 [1,1,0,0,0],分别设置['year','month','day','hour','minute'],1为需要,0为不需要,需要为连续的1

beginTime : {Array},空数组默认设置成1970年1月1日0时0分开始,如需要设置开始时间点如[2011,13,-27,102,12],数组的值对应param参数的对应值,带有自动校正。

endTime : {Array},空数组默认设置成次年12月31日23时59分结束,如需要设置结束时间点如[2020,10,21,20,20],数组的值对应param参数的对应值,带有自动校正。

recentTime : {Array},空数组默认设置为当前时间,如需要设置当前的时间点如[2016,8,5,12,0],数组的值对应param参数的对应值,带有自动校正。

success : function(arr){} 回调函数,可以自定义结果格式化

4.有什么优越性?

带有加速度的滑动 (•‿•)

能够动态设置任意开始和结束【时!间!点!】 (•‿•)
是的,你可以设置任何尴尬的时间了~ 比如:【2016-11-11 11:11 ~ 2016-12-12 12:12】

能够任意设置时间单位的组合 (•‿•)
"年月日" OR "月日时分" OR "年月日时分"

能够切换固定样式和自定义样式,简化参数 (•‿•)

能利用我的模型处理更多、更自由的联动 (•‿•)
比如城市多级联动,请移步比如城市多级联动,请移步

Trust Me.

5.有什么局限性?

样式主题可能和你的产品风格不符,可以通过更改sass中的全局变量来解决问题 >.<

如果遇到什么神bug,不要着急。这时候,请对我发起issue~ 一定让您满意!

我是嘉宝Appian,一个卖萌出家的算法妹纸。

Trust Me Again.