Jquery时间，日期控件

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

91402 489 查看评论 (55)

分享到微信朋友圈

查看演示立即下载

插件描述：Jquery时间，日期控件，高端大气，可以设置小时分钟。

用法：$.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 () { } //初始化时间事件回调

满屏轮播图片

jQuery多功能秒表闹钟计时器插件

jQuery渐进数字时间钟

jQuery渐进数字时间钟，透明度随距离的远近渐进渐变。

日期和时间

17940 228

jQuery时间轴（原创）

时间轴，可左右点击切换、点击年，切换下面对应的内容

日期和时间

33629 373

仿IOS移动端日历

超好用美观的移动端日历，兼容安卓和苹果及微信浏览器

日期和时间

46431 419

jQuery蓝色发光网站倒计时模板

日期和时间

40119 381

讨论这个项目（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);
    }
});