Jquery时间,日期控件

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

 82358  461  查看评论 (55)
分享到微信朋友圈
X
Jquery时间,日期控件 ie兼容6

用法:$.lqdatetimepicker(options)

$("#datetimepicker2").on("click",function(e){
            e.stopPropagation();
            $(this).lqdatetimepicker({
                css : 'datetime-hour'
            });

        });


options参数说明:

css: "datetime-day", //datetime-hour 时分样式 ,datetime-day 日期样式
            offset: {
                left : 0, //向左偏移的位置
                top : 10 //向上偏移的位置
            },
            dateType: 'H', //H选择时分,D选择日期
            date: {
                'H' : {
                    begin : '8:00', //开始时分
                    end : '23:30', //结束时分
                    step : "30" //时分步长
                },
                'D' : {
                    month : new Date(), //日期默认时间
                    selected : (new Date()).getDate()
                },
                'M' : {
                    begin : 1, //月份开始
                    end : 12, //月份结束
                    selected : (new Date()).getMonth()+1  //月份初始
                },
                'Y' : {
                    begin : 2001, //年份开始
                    end : (new Date()).getFullYear(), //年份结束
                    selected : (new Date()).getFullYear() //年份初始
                }
            },
            selectback : function(){}, //选择时间的事件回调
            callback : function () { } //初始化时间事件回调
相关插件-日期和时间

时间插件lhgcalendar

lhgcalendar是一功能强大的简单迷你并且高效的弹出日历组件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+.
  日期和时间
 46017  326

选择日期

一个选择下拉日期的代码
  日期和时间
 66400  399

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

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

jQuery双日历插件daterangepicker

jQuery双日历插件daterangepicker,和之前的所发布的相比,修改了时间格式,设置为中文,提供双日历的选择以及最近7天,30天,60天等便捷选择日期
  日期和时间
 53310  382

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

    懒得起网名 1
    2020/11/30 11:43:18

    插件的2月份时间计算有问题,在项目中用了一段时间之后客户发现,有点尴尬,选择2月份的时间都自动回跳转到3月份,修改以下代码即可, 

    LQ.selectUi.show({
        id: "lqmonth",
        hiddenInput: "selectMonth",
        pulldown: function() {
            var _year = $("#selectYear").val();
            var _month = $("#selectMonth").val();
            var _day = $(".datetime-time>dd.selected").attr("data-value");
            _day = _day == undefined ? _this.date.D.selected : _day;
            //消除2月份的BUG  此处代码为增加的部分
            if (_month == 2) {
                _day = 28;
            }
            //z增加部分结束
            _this.date.D.month = new Date(_year + '-' + _month + '-' + _day);
            //alert(_year + "-" + _month + "-" + _day);
            $.fn.lqdatetimepicker.setDateData($this, _obj, _item, _this);
        }
    });
    回复
    levrson 0
    2018/7/8 18:13:44
    可以设置日期的完整格式吗? yyyy-MM-dd 回复
    AD_ 0
    2018/6/7 15:23:02
    插件有问题,每个月份1号从星期几开始都对应不上。 回复
    Hey, 0
    2018/3/29 15:01:34
    插件有bug,选择二月份日期,返回结果是三月份的 回复
    凝枫霜颖 0
    2018/3/29 13:55:42
    有BUG吧,2017年2018年的2月 选择完后填出来的是3月呢 回复
    jquery_zh 0
    2017/12/28 21:20:45

    这个插件不错啊,日期,时间段都支持

    回复
    yanzi_xie 0
    2017/11/30 14:49:23

    请教各位,怎么把日期格式设置为YYYY-MM-DD?谢谢

    回复
    sjzmh1234 0
    2017/10/20 22:15:13

    怎么用啊,有说j明书吗?我下载了,不能用啊。

    回复
    `莫欺少年穷 0
    2017/8/9 14:59:46
    熙莎吖 0
    2017/6/8 15:45:57

    可以设置日期的完整格式吗? yyyy-MM-dd

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复