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.
返回
年月日
时分
确定
  • 1970年
  • 1971年
  • 1972年
  • 1973年
  • 1974年
  • 1975年
  • 1976年
  • 1977年
  • 1978年
  • 1979年
  • 1980年
  • 1981年
  • 1982年
  • 1983年
  • 1984年
  • 1985年
  • 1986年
  • 1987年
  • 1988年
  • 1989年
  • 1990年
  • 1991年
  • 1992年
  • 1993年
  • 1994年
  • 1995年
  • 1996年
  • 1997年
  • 1998年
  • 1999年
  • 2000年
  • 2001年
  • 2002年
  • 2003年
  • 2004年
  • 2005年
  • 2006年
  • 2007年
  • 2008年
  • 2009年
  • 2010年
  • 2011年
  • 2012年
  • 2013年
  • 2014年
  • 2015年
  • 2016年
  • 2017年
  • 2018年
  • 2019年
  • 2020年
  • 2021年
  • 2022年
  • 2023年
  • 2024年
  • 2025年
  • 1月
  • 2月
  • 3月
  • 4月
  • 5月
  • 6月
  • 7月
  • 8月
  • 9月
  • 10月
  • 11月
  • 12月
  • 1日
  • 2日
  • 3日
  • 4日
  • 5日
  • 6日
  • 7日
  • 8日
  • 9日
  • 10日
  • 11日
  • 12日
  • 13日
  • 14日
  • 15日
  • 16日
  • 17日
  • 18日
  • 19日
  • 20日
  • 21日
  • 22日
  • 23日
  • 24日
  • 25日
  • 26日
  • 27日
  • 28日
  • 29日
  • 30日
  • 0时
  • 1时
  • 2时
  • 3时
  • 4时
  • 5时
  • 6时
  • 7时
  • 8时
  • 9时
  • 10时
  • 11时
  • 12时
  • 13时
  • 14时
  • 15时
  • 16时
  • 17时
  • 18时
  • 19时
  • 20时
  • 21时
  • 22时
  • 23时
  • 0分
  • 1分
  • 2分
  • 3分
  • 4分
  • 5分
  • 6分
  • 7分
  • 8分
  • 9分
  • 10分
  • 11分
  • 12分
  • 13分
  • 14分
  • 15分
  • 16分
  • 17分
  • 18分
  • 19分
  • 20分
  • 21分
  • 22分
  • 23分
  • 24分
  • 25分
  • 26分
  • 27分
  • 28分
  • 29分
  • 30分
  • 31分
  • 32分
  • 33分
  • 34分
  • 35分
  • 36分
  • 37分
  • 38分
  • 39分
  • 40分
  • 41分
  • 42分
  • 43分
  • 44分
  • 45分
  • 46分
  • 47分
  • 48分
  • 49分
  • 50分
  • 51分
  • 52分
  • 53分
  • 54分
  • 55分
  • 56分
  • 57分
  • 58分
  • 59分