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

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

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

jquery日期日历选择控件

jquery日期日历选择控件
  日期和时间
 33564  62

CSS3实现钟表UI

这是一款使用CSS3+JS 实现钟表的例子,UI是自己设计的
  日期和时间
 5342  28

bootstrap-daterangepicker基于Bootstrap框架的日期范围选择控件

bootstrap-daterangepicker - 基于 Bootstrap 框架的日期范围选择控件
  日期和时间
 111221  67

jQuery日期和时间的输入选择

移动端友好,反应灵敏,轻便 jQuery日期和时间的输入选择器。
  日期和时间
 21919  16

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

    如果 0
    2017/9/22 16:59:32

    为甚么安卓的样式变不了啊

    回复
    镜郊 0
    2017/9/14 9:13:49

    请问一下我想修改样式,在哪里修改呢

        ?☆天涯若邻0
        2017/9/18 17:16:19

        js文件里有个cssHtm 你看看

    回复
    暖安 0
    2017/9/11 15:35:35

    如何在最后面添加上午下午

    回复
    晨曦 0
    2017/9/11 15:29:30

    datePicker.js:597 Uncaught TypeError: Cannot read property 'classList' of null

        at HTMLDivElement.gearTouchMove

    回复
    晨曦 0
    2017/9/11 15:27:18

    为何我在浏览器上滑动,会出现这样的报错,求解

    回复
    冰じ☆ve政 0
    2017/9/5 16:11:53

    我的也是不能滑动选择日期求支持

        捷豹0
        2017/9/5 17:07:06
        我的bug也这样你的解决了吗?
    回复
    千年之后 0
    2017/8/29 18:08:30

    在vivo手机和乐视手机上出现bug,除了年以外其他时间数字不能滑动,求解决!!!!!!

        bad girl0
        2017/9/1 13:53:38

        真的假的?能解决不?

        冰じ☆ve政0
        2017/9/5 16:13:01

        解决了吗?

        我的也是这样呢 

    回复
    无忧花开 0
    2017/8/19 10:22:33

    请问动态生成的元素如何调用呢?现在冬天生成的元素无法调用这个时间插件

        不要说哦0
        2017/8/31 11:38:28

        你解决了吗?

    回复
    ^筷???丹^ 0
    2017/8/15 15:26:45

    Uncaught TypeError: Cannot read property 'value' of undefined

    回复
    蘫銫の等鴏 0
    2017/8/15 15:16:19

    超赞 在iphone下点击输入框  怎么阻止键盘弹出呢,在iphone下点击输入框,键盘上方有个横条,显示完成,这个怎么弄才可以去掉呢~  还有设置成readonly时,选择后再次选择就弹出不来了

        蘫銫の等鴏1
        2017/8/15 16:06:54

        关于苹果下第一次点击选择日期后,连续再次选择不弹出的解决方案:

        在onSubmit事件最后加个失去输入框的焦点

        因为点击确定之后可以发现光标还是停留在输入框里

    回复
取消回复