手机端日期插件lCalendar.js

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

 11086  60  查看评论 (13)
手机端日期插件lCalendar.js ie兼容9

注:请在移动端查看效果,PC端无效果

ICalendar.js中:

'<div class="date_btn_box">' +
'<div class="date_btn lcalendar_cancel">取消</div>' +
'<div class="date_btn lcalendar_finish">确定</div>' +
'</div>' +
'<div class="date_roll_mask">' +
'<div class="datetime_roll">' +
'<div>' +
'<div class="gear date_yy" data-datetype="date_yy"></div>' +
'<div class="date_grid">' +
'<div>年</div>' +
'</div>' +
'</div>' +
'<div>' +
'<div class="gear date_mm" data-datetype="date_mm"></div>' +
'<div class="date_grid">' +
'<div>月</div>' +
'</div>' +
'</div>' +
'<div>' +
'<div class="gear date_dd" data-datetype="date_dd"></div>' +
'<div class="date_grid">' +
'<div>日</div>' +
'</div>' +
'</div>' +
'<div>' +
'<div class="gear time_hh" data-datetype="time_hh"></div>' +
'<div class="date_grid">' +
'<div>时</div>' +
'</div>' +
'</div>' +
'<div>' +
'<div class="gear time_mm" data-datetype="time_mm"></div>' +
'<div class="date_grid">' +
'<div>分</div>' +
'</div>' +
'</div>' +
'<div>' +
'<div class="gear time_ss" data-datetype="time_ss"></div>' +
'<div class="date_grid">' +
'<div>秒</div>' +
'</div>' +
'</div>' +
'</div>' + //date_roll
'</div>' + //date_roll_mask
'</div>';

已经精确到秒,如果不想要秒值,请删除:

'<div>' +
'<div class="gear time_ss" data-datetype="time_ss"></div>' +
'<div class="date_grid">' +
'<div>秒</div>' +
'</div>' +
'</div>' +
var time_ss = _self.gearDate.querySelector(".time_ss");
time_ss.addEventListener('touchstart', gearTouchStart);
time_ss.addEventListener('touchmove', gearTouchMove);
time_ss.addEventListener('touchend', gearTouchEnd);
dateArr.sc = parseInt(rs[4].replace(/:0?/g, ""))

联系QQ:1536820919

相关插件-日期和时间

仿IOS移动端日历

超好用美观的移动端日历,兼容安卓和苹果及微信浏览器
  日期和时间
 10167  74

jQuery扁平化多色时间日历插件ECalendar

基于jQuery开发的CSS3时间日历插件,高效好用,日期时间选择一气呵成。
  日期和时间
 12809  108

js css3扁平化APP图标时钟动画

js css3扁平化APP图标时钟动画
  日期和时间
 5022  23

jQuery Timelinr动感十足的超酷jQuery时间轴插件

jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果,并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。
  日期和时间
 8706  94

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

    勿忘心安 0
    2017/9/22 10:23:47
    点击确定之后的callback函数呢 回复
    风雨阳光 0
    2017/9/13 18:19:04
    Simple 0
    2017/8/16 10:55:14

    我想只用时间选择,为什么在ios上弹层显示不出来?安卓上是好的,

    回复
    见你,人群中 0
    2017/8/15 18:29:05
    怎么触发change事件呢 回复
    Promise One 0
    2017/8/8 15:03:15

    怎么改年份的范围。

    回复
    I abandoned the world 0
    2017/7/25 15:16:08

    在点击确定的时候 怎么调用自定义函数

    回复
    qiuluo 0
    2017/6/26 15:34:41

    滑动过快未停止情况下,点确定,会出现NAN,怎么解决呢

    回复
    羊羊冬冬 0
    2017/6/13 11:12:58

    手机端挺好用的,很简洁

    回复
    柠檬咖啡 0
    2017/6/5 15:20:30

    想问下,这个控件不能验证 需要输入开始时间和结束时间时  结束时间不能小于开始时间吧?

    回复
    夜雨临窗诗意 0
    2017/5/18 17:59:18

    移动端出不来???

    回复
取消回复