评论：移动端仿iOS日期时间选择控件datePicker-原创  [查看原文]

一根面，加碗蛋。5
2017/7/18 15:24:46

可以多new几个对象。像这样就行了（已实测）：

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

一根面，加碗蛋。0
2017/7/18 15:46:12

选择后的值是new对象的value属性,上面的calendar2的值要改为calendar2.value;

挺好的，之前我碰到一个有BUG，自己修改了半天

没有选择时间的表出来，只有一个取消和一个确定，还不能点击

小米5c年滑动可以，月日的滑动不了

精神小伙0
2017/6/24 10:22:38

你们怎么获取的value值

精神小伙0
2017/6/24 14:17:18

知道了

上善若水0
2017/11/22 16:48:06

请问   月日 滑动不了 这个问题解决了吗

j～o～an0
2018/8/30 14:46:04
请问你们滑动不了那个解决了吗

楼主，请问我type选择=datatime,怎?设置maxtime的时间为当前时间，案例里只能限制年月日，时分限制不了

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

在后面加了new Date().getHours()+new Date().getSeconds()这串也不行，而且还点击不出来时间选择表了

蓝梦蝶香0
2017/11/1 11:21:59

你解决了么，我现在也遇到这个问题了

楼主你真的测过？这个在网页里面显示的日期根本就不对

qzuser0
2017/11/16 19:43:16

你可以手动给值啊 $('#id').val(date)

为什么没有秒的筛选？

蝈蝈15731
2017/6/26 12:51:10

 'type': 'date',   /*模式：date日期；datetime日期时间；time时间；ym年月；*/

 'type': 'time'这样就是时间了！

问下，我这边需要输入开始时间和结束时间，这个插件能验证结束时间不能小于开始时间吗？

感谢分享,收藏备用

IOS系统下我在微信端点开，这个控件变小了，安卓手机就没事

移动端ie内核游览器打不开

windson_zeng0
2017/5/18 14:43:05

开发时没考虑到ie的，毕竟主流都是webkit内核

冒个泡