移动端仿iOS日期时间选择控件datePicker-原创

所属分类:输入-日期和时间

 28137  120  查看评论 (90)
移动端仿iOS日期时间选择控件datePicker-原创 ie兼容10

datePicker

使用方法

页面引入datePicker.js

<script src="js/datePicker.js"></script>

调用方法及参数设置

var calendar = new datePicker();
calendar.init({
	'trigger': '#demo1', /*按钮选择器,用于触发弹出插件*/
	'type': 'date',/*模式:date日期;datetime日期时间;time时间;ym年月;*/
	'minDate':'1900-1-1',/*最小日期*/
	'maxDate':'2100-12-31',/*最大日期*/
	'onSubmit':function(){/*确认时触发事件*/
		var theSelectData=calendar.value;
	},
	'onClose':function(){/*取消时触发事件*/
	}
});
相关插件-日期和时间

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 22860  94

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 20261  47

移动端万年历类型(滑动效果)

基于swiper的万年历模板,简单,移动端日历
  日期和时间
 20919  178

jQuery多功能秒表闹钟计时器插件

jQuery多功能秒表闹钟计时器插件
  日期和时间
 21334  45

讨论这个项目(90)回答他人问题或分享插件使用方法奖励jQ币

    半城繁华,半城伤 0
    2018/4/24 10:12:06
    这个插件无法设置默认日期 回复
    ZH 0
    2018/4/3 10:54:12
    这个必须是input框才好用,为什么换成span就不行了呢?
        Peter@小飞侠0
        2018/4/11 14:25:49
        因为他源码里面用的是value(只有input才有value),不是text。所以能呼出该组件,但是不能填写到那个数据里面。
    回复
    Р?чка 0
    2018/3/16 16:53:19
    手机端运用插件会出现弹出时间选择器的同时出现手机键盘输入法,该如何解决?
        Peter@小飞侠0
        2018/4/11 12:08:29
        我也遇到这个问题,应该是点击input触发的
        Peter@小飞侠1
        2018/4/11 14:24:30

        我好像解决了,

        $("#demo1").on("focus",function(e){
            $(this).blur();
        });

        你们试试,这样就不会弹出键盘了

        阿基拉0
        2018/4/13 16:53:28
        可用<label for="demo1"></label>盖在上面
        阿基拉0
        2018/4/25 16:24:09
        测试时发现label还是会出现输入框,在input上添加readonly="readonly" 就可以了
    回复
    讨口子 0
    2018/2/28 19:21:37
    怎么自定义设置默认日期 而不是当天?
    回复
    peii 0
    2018/2/9 17:17:21
    时分选择,能设置最晚的时间选择吗,比如14:02,时:15 16.....不出现,分:03 04 05....不出现,求大神
    回复
    ma_yongsong 0
    2018/1/24 18:05:16

    __WEBPACK_IMPORTED_MODULE_1__js_datePicker___default.a is not a constructor

    请问出现这个错误是什么情况啊?

    回复
    jrm11 0
    2018/1/9 17:18:33

    多次点击input会不停的弹出日期选择,然后取消确定事件失效

        jrm110
        2018/1/9 17:22:20

        不好意思,发错地方了

        ma_yongsong0
        2018/1/24 19:06:03

        我也出现了这个问题,请问你是怎么解决的呢?能说一下方案吗

    回复
    武小北 0
    2017/12/18 15:19:54

    我想问下 怎么设置默认显示的日期 还有  我要对最大日期的年份进行计算后  年份就显示不出来  并且值是对的 就是不显示在它该在的位置  比如“出发日期”“返程日期”我要根据出发日期用户选择的日期值 动态加载返程日期显示的值  正常情况下没事  但是一旦跨年就会出问题  显示错误  

    回复
    Jonathan丶Clear 0
    2017/12/13 11:41:54

    点击确定的回调里怎么阻止时间选择框消失,因为我要做一些判断。

    回复
    a! 小九 0
    2017/12/7 15:45:44

    非常好用,安卓 ios 配上vue 怎么样用都是完美的

    回复
取消回复