手机端日期插件lCalendar.js

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

 34271  81  查看评论 (26)
手机端日期插件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

相关插件-日期和时间

移动端日期滚动选择插件mobisscroll3.0完整版

mobiscroll是个很好用的jQuery日期插件,它可以实现在移动端滚动选择日期。
  日期和时间
 14051  76

只选择小时、分的时间插件jquery-timepicker.js

HunterTimePicker 时间选择组件,可以选择小时和分钟,小时为24小时制,分钟间隔为5分钟。
  日期和时间
 18378  38

jquery移动端日期选择插件mobiscroll3.0.0

jquery移动端日期选择插件mobiscroll3.0.0APP日期选择器
  日期和时间
 30038  85

jQuery日期时间选择器插件

jQuery日期时间选择器插件
  日期和时间
 30140  115

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

    孝道 0
    2018/4/4 10:09:33
    你好,请问下 点击确定的函数怎么也在调用里出现? 回复
    舞凌乱 0
    2018/3/12 17:18:55
    选中一个日期后,双击旁边空白区域,然后回到这个日期,出现NaN
    回复
    ∝剪唇不是劫∝ 0
    2018/1/31 14:29:26

    安卓上点击不会弹出时间,怎么回事呢。在浏览器端可以,但是打包成APK就点击没有反应。

    回复
    幻青 0
    2018/1/20 15:03:59

    怎么处理只需要日时分呢

    回复
    Mr0Sun 0
    2017/12/19 18:24:25

    ios8系统和安卓4.2,弹出日历框,但是日期没有,只有取消和确定两个按钮

        91助手0
        2018/1/26 10:09:31

        请问您是怎么解决4.2.2不兼容的?

        ∝剪唇不是劫∝0
        2018/1/31 14:27:15

        我在安卓上点击也是没有反应。你怎么解决的

    回复
    冰蜂 0
    2017/11/14 16:40:15

    var evt = new CustomEvent('input');

    _self.trigger.dispatchEvent(evt);安卓4.2.2不支持,应该是存在该方法

        91助手0
        2018/1/26 10:07:07
        请问您是怎么解决4.2.2不兼容的?
    回复
    冰蜂 0
    2017/11/14 16:21:38

    安卓4.2.2无论点击确定或者取消都无法取消弹出框

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

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

    回复
取消回复