UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

手机端日期插件lCalendar.js

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

 120532  400  查看评论 (41)
分享到微信朋友圈
X
手机端日期插件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移动端日期和时间插件

 移动端日期和时间，完全兼容PC端和移动，做了完善，完全兼容
  日期和时间
 77149  360

jQuery时间插件timedropper

 timedropper是一个jQuery时间选择插件。管理时间输入字段的标准形式。专注于输入打开一个小的互动时间选择。
  日期和时间
 37460  395

jQuery点击滑动购买时间选择

 jQuery选择日期的滑动块代码
  日期和时间
 31875  309

轻量级jQuery倒计时插件

 倒计时插件
  日期和时间
 82708  456

讨论这个项目（41）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    吴? 0
    2022/9/26 14:28:25
    年份要选择一下月份才会显示出来，而且最大年份是2019年，这个可以解决一下吗 回复
    奔跑的五花肉 0
    2020/12/7 18:37:58
    如何自定义小时？求解 回复
    Q(?^_^?)Q 0
    2018/10/4 23:31:00
    对其父级使用click和触摸事件，会产生连续几个弹窗，建议添加触发弹窗目标 回复
    Obsession 0
    2018/9/25 18:46:56
    点击第一下不会弹出 第二下才会 而且会一直无限创建div
    回复
    QAQ-TnT 0
    2018/8/29 15:39:10
    怎么设置最大时间啊?
        ?0
        2021/1/21 17:33:26
        data-lcalendar
    回复
    ゆBlUeS．㈨ 0
    2018/8/15 15:53:32
    分怎么到31后下面继续从1分开始而不是要拉倒最上面 回复
    Review 0
    2018/6/22 17:49:19
    请问魅族手机上年可以滑动，其他月日时间都不能滑动是什么情况？
        眼眸印温柔0
        2018/8/17 11:16:50
        请问找到解决办法了吗
    回复
    ご?了ミ 0
    2018/6/19 20:41:09
    var calendar = new lCalendar();
calendar.init({
    'trigger': '#demo1',
    'type': 'date'
});
//获取value值
console.log(calendartime.trigger.value);
        Mi Mi Mi0
        2018/8/11 17:42:58
        获取不了 哥们
    回复
    咖啡 0
    2018/5/7 10:52:50
    如何获取当前选中的时间
        ご?了ミ0
        2018/6/19 13:21:43
        获取value 获取不到啊 怎么办
    回复
    孝道 0
    2018/4/4 10:09:33
    你好，请问下 点击确定的函数怎么也在调用里出现？ 回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复