手机端日期插件lCalendar.js

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

 3656  39  查看评论 (4)
手机端日期插件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

相关插件-日期和时间

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

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

jQuery带日期区间的日期选择插件

HTML5/CSS3带日期区间的日期选择插件
  日期和时间
 16460  61

适合酒店住房日期选择的插件jQuery Date Range Picker

jQuery Date Range Picker 是一个允许用户自己选择时间范围的 jQuery 插件,支持多语言,支持添加定义新语言
  日期和时间
 21714  46

jquery时间轴

jquery网站发展历史时间轴是一款可以用右侧的上下箭头切换上下查看,也可以用鼠标滚轮进行上下切换、切换的过程中有类似flash的切换效果。
  日期和时间
 23523  258

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

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

    移动端出不来???

    回复
    びしょう 0
    2017/5/17 12:01:54

    gearTouchEnd 抬起事件需添加判断undefined方法 if(target["new_" + target.id] != undefined){,因为实在滑动的时候才会赋 target["new_"],如果不判undefined则在点击不滑动的时候出现异常

    回复
    ??找自己丶 0
    2017/4/21 16:45:57

    请问一下,第一次点击有效,第二次点击报错 ‘Uncaught ReferenceError: rs is not defined’是什么情况啊?

    回复
    一直在路上 0
    2017/4/17 18:22:34
取消回复