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

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

 28245  120  查看评论 (91)
移动端仿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(){/*取消时触发事件*/
	}
});
相关插件-日期和时间

简单实用纯JS日历,有详细的代码注释(兼容IE6)

实用纯JS日历,点最上方日期可跳转到当前日期,键盘空格可回到当前日期,键盘左右可控制月份翻页,鼠标滚轮可改变月份
  日期和时间
 17048  58

jQuery时间范围选择插件dateRange.js(修正版!)

此插件原来不能选择当前日期(今天的日期)
  日期和时间
 11833  27

jQuery日期时间选择插件jHsDate

一个简单的jQuery日期时间选择插件
  日期和时间
 14987  38

jQuery备忘录

日期选择支持备忘录
  日期和时间
 22622  83

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

    雨の中で?? 0
    2018/4/26 15:46:29
    这个插件用的全是em,我的页面用的是rem,应该怎么做才能完美的融合起来 回复
    半城繁华,半城伤 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

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

    回复
取消回复