Jquery时间，日期控件

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

93698 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多功能秒表闹钟计时器插件

一款好用的记事日历插件，数据源可配置

日期和时间

40203 416

选择生日，弹出框pc插件可直接输入，可上下移动，成功有回调

插件是非要弄成一样的效果，无奈写了1个，原创作品作者分享给大家看下

日期和时间

29999 297

轻量级移动端日期选择器mtimer

轻量级移动端日期选择器

日期和时间

48519 356

js css3扁平化APP图标时钟动画

日期和时间

26139 327

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