0.请在移动端下打开~~
1.点击下面的输入演示样式
优化版的自定义功能不仅是【单位】自定义
【时间范围】也可以自定义,并且尽可能的进行数据校正
下面的input会展现【2011年13月-27日 102时12分 ~ 2020年10月21日 20时20分】的效果
【时间范围】也可以自定义,并且尽可能的进行数据校正
下面的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
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){} 回调函数,可以自定义结果格式化
参数配置:
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.
能够动态设置任意开始和结束【时!间!点!】 (•‿•)
是的,你可以设置任何尴尬的时间了~ 比如:【2016-11-11 11:11 ~ 2016-12-12 12:12】
能够任意设置时间单位的组合 (•‿•)
"年月日" OR "月日时分" OR "年月日时分"
能够切换固定样式和自定义样式,简化参数 (•‿•)
能利用我的模型处理更多、更自由的联动 (•‿•)
比如城市多级联动,请移步比如城市多级联动,请移步
Trust Me.
5.有什么局限性?
样式主题可能和你的产品风格不符,可以通过更改sass中的全局变量来解决问题 >.<
如果遇到什么神bug,不要着急。这时候,请对我发起issue~ 一定让您满意!
我是嘉宝Appian,一个卖萌出家的算法妹纸。
Trust Me Again.
如果遇到什么神bug,不要着急。这时候,请对我发起issue~ 一定让您满意!
我是嘉宝Appian,一个卖萌出家的算法妹纸。
Trust Me Again.