jq 日期和时间插件

最新推荐文章于 2018-08-14 09:28:25 发布
最新推荐文章于 2018-08-14 09:28:25 发布
阅读量775 收藏
点赞数
分类专栏： javascript-jq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lili518/article/details/73637378
版权 


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib  prefix="s"  uri="/struts-tags"  %>
<%
String serverName= request.getContextPath();;//项目名
 %>
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="<%=serverName%>/css/jHsDate.css" />
    <style>
        input {
            height: 20px;
            padding: 5px;
            width: 400px;
            border: 1px solid #3ab2d0;
        }
    </style>
</head>
<body>
 
    <div style="text-align:center;margin-top:50px;">
        <span>时间日期格式化</span>
        <s:textfield id="datetimeformat" name="jHsDateStart"></s:textfield>
    </div>
 
</body>
   <script type="text/javascript" src="<%=serverName%>/js/jquery-1.10.2.js"></script> 
    <script type="text/javascript" src="<%=serverName%>/js/jHsDate.js"></script> 
<script>
   
    $('#datetimeformat').jHsDate({
        format: 'yyyy年MM月dd日 hh时mm分'
    });
   
   
</script>
</html>

css 


body {
    position: static;
}

[name='jHsDate'] {
    position: absolute;
    max-width: 336px;
    width: auto;
    height: 164px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color:#ffffff;
}

.yearHsDate,
.dayHsDate,
.hourHsDate,
.minuteHsDate {
    height: 164px;
    width: 95px;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    display: inline-block;
}

.hs_year,
.hs_day,
.hs_hour,
.hs_minute {
    list-style: none;
    width: 72px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}

    .hs_year:hover,
    .hs_day:hover,
    .hs_mon:hover {
        background-color: #eeeeee;
        color: #000000;
    }

.hs_check,
.hs_check :hover{
    background-color: #3ab2d0!important;
    color: #ffffff!important;
}

.monHsDate {
    width: 150px;
    display: inline-block;
    padding: 4px 5px;
    margin: 0;
}

.hs_mon {
    list-style: none;
    width: 29px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 14px;
    display: inline-block;
    padding: 7px 5px;
    border-radius: 4px;
    float: left;
    cursor: pointer;
    margin: 5px;
}

.noCheck {
    background-color: #f4f4f4;
    cursor: not-allowed;
}

.dayHsDate {
    width: 77px;
    border-left: 1px solid #dddddd;
}


jq


(function ($) {
    var defaultSettings = {
        format: 'yyyy-MM-dd',//默认日期格式
        callBack: function () { },//回掉函数
        maxDate: new Date(),//最大日期
        minDate: '1949-10-01',//最小日期
        defDate: '',//默认日期
        defIsShow: false,//是否在文本框中显示默认日期
        inputIsRead: false
    };
    $.fn.jHsDate = function (options) {
        options = $.extend({}, defaultSettings, options || {});
        var $this = this;
        if (options.inputIsRead) {
            $this.attr("readonly","readonly");
        }
        $this.attr("name", "jHsDateInput");
        if (options.maxDate == options.minDate) {
            alert("最大值最小值错误");
        }
        if (options.maxDate < options.defDate && options.defDate!='') {
            options.defDate = options.maxDate;
        }
        if (options.minDate > options.defDate && options.defDate != '') {
            options.defDate = options.minDate;
        }
        var html = "", yearHtml = "", monHtml = "", dayHtml = "", hourHtml = "", minuteHtml = "";
        var thisId = $this.attr("id");
        if (thisId == undefined) {
            alert('元素Id或元素不存在');
            return;
        }
        html = "<div id='" + thisId + "hsdate' name='jHsDate' style='box-shadow: 0 3px 5px rgba(221,221,221,0.5);'>";
        var formatTmp = options.format;
        var maxDateTmp = chromeDateToDate(options.maxDate);
        var minDateTmp = chromeDateToDate(options.minDate);
        var yearDateTmp = "";
        var clickType = "";
        if (formatTmp.indexOf("y") > -1) {
            yearHtml = setYear(maxDateTmp.split('-')[0], minDateTmp.split('-')[0]);
            clickType += "y"
        }
        if (formatTmp.indexOf("M") > -1) {
            monHtml = setMon();
            clickType += "M"
        }
        if (formatTmp.indexOf("d") > -1) {
            dayHtml = setDay(31);
            clickType += "d"
        }

        html += yearHtml + monHtml + dayHtml + hourHtml + minuteHtml;
        html += "</div>"
        $this.click(function () {
            if ($("#" + thisId + "hsdate").length > 0) {
                return false;
            }
            $('body').append(html);
            setDefDate(options.defDate, thisId + "hsdate");
            if (options.format.indexOf("h") > -1) {
                bindCkeckClick(clickType+"h")
            }
            //定位日期框
            var y = $this.offset().top;
            var x = $this.offset().left;
            var eleHeight = $this.outerHeight(false);
            var checkYear = "";
            $("#" + thisId + "hsdate").css({ "top": y + (eleHeight + 5), "left": x });
            $('.hs_year').click(function () {
                $('.yearHsDate> .hs_check').removeClass('hs_check');
                $(this).addClass('hs_check');
                //设置最大月份
                $('.monHsDate> .noCheck').removeClass('noCheck');
                checkYear = $(this).text();
                if (checkYear == new Date(maxDateTmp).getFullYear()) {
                    $('.monHsDate> .hs_check').removeClass('hs_check');
                    $("#" + thisId + "hsdate")
                        .children(".monHsDate")
                        .children(':gt(' + (new Date(maxDateTmp).getMonth()) + ')')
                        .addClass('noCheck');
                }
                //设置最小月份
                if (checkYear == new Date(minDateTmp).getFullYear()) {
                    $('.monHsDate> .hs_check').removeClass('hs_check');
                    $("#" + thisId + "hsdate")
                        .children(".monHsDate")
                        .children(':lt(' + (new Date(minDateTmp).getMonth()) + ')')
                        .addClass('noCheck');
                }
            });
            $('.hs_mon').click(function () {
                if (!$(this).hasClass('noCheck')) {
                    $('.monHsDate> .hs_check').removeClass('hs_check');
                    $(this).addClass('hs_check');
                    if (clickType.indexOf('d') > -1) {
                        showDay($(this).text());
                    }
                    //设置最大日
                    $('.dayHsDate> .noCheck').removeClass('noCheck');
                    if (checkYear == new Date(maxDateTmp).getFullYear() &&
                        $(this).text() == (new Date(maxDateTmp).getMonth() + 1) + "月") {
                        $('.dayHsDate> .hs_check').removeClass('hs_check');
                        $("#" + thisId + "hsdate")
                            .children(".dayHsDate")
                            .children(':gt(' + (new Date(maxDateTmp).getDate() - 1) + ')')
                            .addClass('noCheck');
                    }
                    //设置最小日

                    if (checkYear == new Date(minDateTmp).getFullYear() &&
                        $(this).text() == (new Date(maxDateTmp).getMonth() + 1) + "月") {
                        $('.dayHsDate> .hs_check').removeClass('hs_check');
                        $("#" + thisId + "hsdate")
                            .children(".dayHsDate")
                            .children(':lt(' + (new Date(minDateTmp).getDate() - 1) + ')')
                            .addClass('noCheck');
                        $('[class="hs_day"]').parent().scrollTop($('[class="hs_day"]').position().top);
                    }
                    bindCkeckClick(clickType);
                }
            });
        });
        //点击空白处关闭选择框
        $(document).click(function (e) {
            e = window.event || e; // 兼容IE7
            obj = $(e.srcElement || e.target);
            if (!$(obj).is("[name='jHsDateInput']") && !$(obj).is('[class^="hs_"]')) {
                $('[name="jHsDate"]').remove();
            }
        });
        if (options.defIsShow && options.defDate != '') {
            $this.val(DateFormat(options.defDate, options.format));
        }
        function bindCkeckClick(clickType) {
            switch (clickType) {
                case "y":
                    $('.hs_year').click(function () {
                        $($this).val($('[class="hs_year hs_check"]').text());
                        closeHsDate($("#" + thisId + "hsdate"));
                        options.callBack();
                    });
                    break;
                case "yM":
                    $('.hs_mon').click(function () {
                        var dateTmp = $('[class="hs_year hs_check"]').text() + "-" +
                            $('[class="hs_mon hs_check"]').text();
                        $($this).val(DateFormat(dateTmp.replace("月", ""), options.format));
                        closeHsDate($("#" + thisId + "hsdate"));
                        options.callBack();
                    });
                    break;
                case "yMd":
                    $('.hs_day').click(function () {
                        $('.dayHsDate>.hs_check').removeClass('hs_check');
                        $(this).addClass('hs_check');
                        var dateTmp = $('[class="hs_year hs_check"]').text() + "-" +
                            $('[class="hs_mon hs_check"]').text() + "-" +
                            $('[class="hs_day hs_check"]').text();
                        if (formatTmp.indexOf("h") > -1) {
                            hourHtml = setHour();
                            minuteHtml = setMinute();
                            $("#" + thisId + "hsdate").html(hourHtml + minuteHtml);
                            $("#" + thisId + "hsdate").children('.hourHsDate').children().click(function () {
                                dateTmp = dateTmp.split(' ')[0]
                                dateTmp += " " + $(this).text().replace("时", "");
                                $(this).parent().children().removeClass('hs_check');
                                $(this).addClass('hs_check');
                            });
                            $("#" + thisId + "hsdate").children('.minuteHsDate').children().click(function () {
                                dateTmp = dateTmp.split(':')[0]
                                dateTmp += ":" + $(this).text().replace("分", "");
                                $(this).parent().children().removeClass('hs_check');
                                $(this).addClass('hs_check');
                                $($this).val(DateFormat(dateTmp.replace("月", ""), options.format));
                                closeHsDate($("#" + thisId + "hsdate"));
                                options.callBack();
                            });

                        } else {
                            $($this).val(DateFormat(dateTmp.replace("月", ""), options.format));
                            closeHsDate($("#" + thisId + "hsdate"));
                            options.callBack();
                        }
                    });
                    break;
                case "h":
                    var dateTmp = "";
                    hourHtml = setHour();
                    minuteHtml = setMinute();
                    $("#" + thisId + "hsdate").html(hourHtml + minuteHtml);
                    $("#" + thisId + "hsdate").children('.hourHsDate').children().click(function () {
                        dateTmp = "";
                        dateTmp = $(this).text().replace("时", "");
                        $(this).parent().children().removeClass('hs_check');
                        $(this).addClass('hs_check');
                    });
                    $("#" + thisId + "hsdate").children('.minuteHsDate').children().click(function () {
                        dateTmp = dateTmp.split(':')[0]
                        dateTmp += ":" + $(this).text().replace("分", "");
                        $(this).parent().children().removeClass('hs_check');
                        $(this).addClass('hs_check');
                        $($this).val(dateTmp);
                        closeHsDate($("#" + thisId + "hsdate"));
                    });

                    break;
                default:
                    $('.hs_day').click(function () {
                        $('.dayHsDate>.hs_check').removeClass('hs_check');
                        $(this).addClass('hs_check');
                        var dateTmp = $('[class="hs_mon hs_check"]').text() + "-" +
                            $('[class="hs_day hs_check"]').text();
                        if (formatTmp.indexOf("h") > -1) {
                            hourHtml = setHour();
                            minuteHtml = setMinute();
                            $("#" + thisId + "hsdate").html(hourHtml + minuteHtml);
                            $("#" + thisId + "hsdate").children('.hourHsDate').children().click(function () {
                                dateTmp += " " + $(this).text().replace("时", "");
                                $(this).parent().children().removeClass('hs_check');
                                $(this).addClass('hs_check');
                            });
                            $("#" + thisId + "hsdate").children('.minuteHsDate').children().click(function () {
                                dateTmp = dateTmp.split(':')[0]
                                dateTmp += ":" + $(this).text().replace("分", "");
                                $(this).parent().children().removeClass('hs_check');
                                $(this).addClass('hs_check');
                                $($this).val(DateFormat(dateTmp.replace("月", ""), options.format));
                                closeHsDate($("#" + thisId + "hsdate"));
                            });

                        } else {
                            $($this).val(DateFormat(dateTmp.replace("月", ""), options.format));
                            closeHsDate($("#" + thisId + "hsdate"));
                        }
                    });
                    break;
            }
        }
        //显示天
        function showDay(chekMon) {
            if (isLeapYear($('.yearHsDate>.hs_check').text()) && chekMon == "2月") {
                dayHtml = setDay(29);
            } else if (chekMon == "1月" ||
                chekMon == "3月" || chekMon == "5月" ||
                chekMon == "7月" || chekMon == "8月" ||
                chekMon == "10月" || chekMon == "12月") {
                dayHtml = setDay(31);
            } else if (chekMon == "4月" || chekMon == "6月" ||
                chekMon == "9月" || chekMon == "11月") {
                dayHtml = setDay(30);
            } else if (!isLeapYear($('.yearHsDate>.hs_check').text()) && chekMon == "2月") {
                dayHtml = setDay(28);
            }
            $('.dayHsDate').remove();
            $('.monHsDate').after(dayHtml);
        }
        //设置默认值
        function setDefDate(defDate, dateid) {
            var d = new Date(defDate);
            var yeardef = d.getFullYear();
            var mondef = (d.getMonth() + 1) + "月";
            var daydef = d.getDate();
            $('#' + dateid).children('.yearHsDate').children('.hs_year').each(function () {
                if ($(this).text() == yeardef) {
                    $(this).addClass('hs_check');
                    $(this).parent().scrollTop($(this).position().top);
                    return false;
                }
            });
            $('#' + dateid).children('.monHsDate').children('.hs_mon').each(function () {
                if ($(this).text() == mondef) {
                    $(this).addClass('hs_check');
                    if (clickType.indexOf('d') > -1) {
                        showDay(mondef);
                    }
                    bindCkeckClick(clickType);
                    return false;
                }
            });

            $('#' + dateid).children('.dayHsDate').children('.hs_day').each(function () {
                if ($(this).text() == daydef) {
                    $(this).addClass('hs_check');
                    $(this).parent().scrollTop($(this).position().top);
                    return false;
                }
            });
        }
    };
    function setYear(maxYear, minYear) {
        var setYearHtml = "<ul class='yearHsDate'>";
        for (var i = maxYear; i >= minYear; i--) {
            setYearHtml += "<li class='hs_year' >" + i + "</li>";
        }
        setYearHtml += "</ul>";
        return setYearHtml;
    }
    function setMon() {
        var setMonHtml = "<ul class='monHsDate'>";
        for (var i = 1; i <= 12; i++) {
            setMonHtml += "<li class='hs_mon'>" + i + "月</li>"
        }
        setMonHtml += "</ul>"
        return setMonHtml;
    }
    function setHour() {
        var setHourHtml = "<ul class='hourHsDate'>";
        for (var i = 1; i <= 24; i++) {
            if (i <= 9) {
                setHourHtml += "<li class='hs_hour'>0" + i + "时</li>"
            } else {
                setHourHtml += "<li class='hs_hour'>" + i + "时</li>"
            }
        }
        setHourHtml += "</ul>"
        return setHourHtml;
    }
    function setDay(days) {
        var setDayHtml = "<ul class='dayHsDate'>";
        for (var i = 1; i <= days; i++) {
            setDayHtml += "<li class='hs_day' >" + i + "</li>";
        }
        setDayHtml += "</ul>";
        return setDayHtml;
    }
    function setMinute() {
        var setminuteHtml = "<ul class='minuteHsDate'>";
        for (var i = 0; i < 60; i++) {
            if (i <= 9) {
                setminuteHtml += "<li class='hs_minute'>0" + i + "分</li>"
            }
            else {
                setminuteHtml += "<li class='hs_minute'>" + i + "分</li>"
            }
        }
        setminuteHtml += "</ul>"
        return setminuteHtml;
    }
    //部分浏览器时间转换问题
    function chromeDateToDate(cdate) {
        var d = new Date(cdate);
        return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
    }
    //计算闰年
    function isLeapYear(Year) {
        if (((Year % 4) == 0) && ((Year % 100) != 0) || ((Year % 400) == 0)) {
            return true;
        }
        else {
            return false;
        }
    }
    //日期格式化
    function DateFormat(now, mask) {
        var d = new Date(now);
        var zeroize = function (value, length) {
            if (!length) length = 2;
            value = String(value);
            for (var i = 0, zeros = ''; i < (length - value.length); i++) {
                zeros += '0';
            }
            return zeros + value;
        };

        return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function ($0) {
            switch ($0) {
                case 'd': return d.getDate();
                case 'dd': return zeroize(d.getDate());
                case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][d.getDay()];
                case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][d.getDay()];
                case 'M': return d.getMonth() + 1;
                case 'MM': return zeroize(d.getMonth() + 1);
                case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][d.getMonth()];
                case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth()];
                case 'yy': return String(d.getFullYear()).substr(2);
                case 'yyyy': return d.getFullYear();
                case 'h': return d.getHours() % 12 || 12;
                case 'hh': return zeroize(d.getHours() % 12 || 12);
                case 'H': return d.getHours();
                case 'HH': return zeroize(d.getHours());
                case 'm': return d.getMinutes();
                case 'mm': return zeroize(d.getMinutes());
                case 's': return d.getSeconds();
                case 'ss': return zeroize(d.getSeconds());
                case 'l': return zeroize(d.getMilliseconds(), 3);
                case 'L': var m = d.getMilliseconds();
                    if (m > 99) m = Math.round(m / 10);
                    return zeroize(m);
                case 'tt': return d.getHours() < 12 ? 'am' : 'pm';
                case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';
                case 'Z': return d.toUTCString().match(/[A-Z]+$/);
                // Return quoted strings with the surrounding quotes removed
                default: return $0.substr(1, $0.length - 2);
            }
        });
    };
    function closeHsDate(ele) {
        $(ele).remove();
    }
})(jQuery);







森林木518
关注
专栏目录
JQ选择时间插件
06-27
jq选择时间插件laydate，含源代码及说明文档，其中主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）
Jq时间日期插件WdatePicker
小乔流水仁家的博客
04-23 456
实则就是计算好时间，再通过事件赋值。 <input id="defaultdate" value="" class="Wdate" autocomplete="off" type="text" size="25" maxlength="10" value="" onclick="WdatePicker({startDate:'%y-%M-%d %H:%M:%S',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true});"> $.
30个基于jQuery的日期时间选择插件
weixin_34153893的博客
03-04 260
今天给大家分享30个非常酷的基于jQuery的日期时间选择插件，这是在国外的一个网站看到的，于是就稍作翻译，拿出来与大家分享，英文原文地址：http://www.1stwebdesigner.com/freebies/jquery-calendar-plugins/ 原文地址:http://www.itivy.com/ivy/archive/2011/2/26/63434349275443453...
jqTime:jQuery 时间插件
06-19
时间 2.3 是一个在屏幕上显示时间的 jQuery 插件。 该插件包含许多灵活的设置。 注意力！ 从 2.2.0 版本开始，该插件与以前的版本不兼容。 根据新文档更新您的脚本。 那里没有什么复杂的。 能力 该插件包含 3 个mods current ， interval ， toggler 。 当前的 将当前时间输出到给定的选择器 以相反的顺序显示时间（直到一天结束的时间） 间隔 以给定的时间间隔显示给定选择器中的时间 显示到指定时间的剩余时间，从指定时间开始 在时间间隔之外，不显示时间，显示替代文本（或 HTML），或显示原始内容 切换器 在给定的时间间隔显示给定的选择器 在时间之外隐藏或显示替代文本（或 HTML） 可以在状态改变时执行功能，并发送事件 提款的技术要求和示例 该插件需要 jQuery 连接才能工作。 该插件已在 1.7.2 版上进行测试，但应支持高达 1.4
JQuery日期插件
03-08
JQuery日期插件，内附完整的使用方式 laydate({ elem: '#xkzqdsj2', format: 'YYYY年MM月DD日', value:"2013年12月02号", festival: true, //显示节日 choose: function(datas){ //选择日期完毕的回调 } });
jQuery手机移动端日期时间选择插件.zip
07-11
这是一款实用的jQuery手机移动端日期时间选择插件，手机日期选择网页特效代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] $(document).ready(function(){  // date ...
兼容性较好的jq时间日期插件
12-28
总之，“兼容性较好的jq时间日期插件”为跨平台的前端应用提供了强大的日期和时间处理能力。通过解压并研究"rolldate"中的文件，开发者可以快速集成并定制这个插件，为用户提供友好、高效的日期选择体验。在实际使用...
jQ带日期区间的日期选择插件.zip
07-05
本压缩包"jQ带日期区间的日期选择插件.zip"提供了一款基于jQuery、HTML5和CSS3的日期选择工具，特别适合需要用户输入日期区间的情况，如预订系统或数据分析界面。 这个插件的设计注重用户体验，以清新简易的界面...
jq年月日上下滑动选择日历插件兼容PC和移动端.zip
04-07
"jq年月日上下滑动选择日历插件"就是这样一款专为PC和移动端设计的实用工具，它提供了便捷的日期选择方式，使得用户无论是在台式机还是移动设备上都能流畅地操作。 首先，我们来了解这个插件的核心技术——jQuery。...
jQuery日期时间范围选择插件.zip
07-11
而"jQuery日期时间范围选择插件"则是利用jQuery的力量来实现一个功能强大的用户界面组件，特别适用于需要用户选择特定日期和时间范围的场景，如酒店预订系统。 这个插件名为daterangepicker.js，它的主要目标是提供...
jq时间插件
03-01
一个时间插件，已过的时间不能选择，只能选今天和之后的时间
jQuery日期选择插件
01-20
简单实用蓝色jQuery日期选择插件。使用jquery进行日期事件
JQ日历插件
08-27
日历插件
jquery时间插件
06-02
jquery时间插件laydate，有范例，有使用说明，很实用，兼容性好。
JQ日历控件
12-25
JQ移动端的日历插件，该插件包含当前日期，可选择年份，月份，日期和返回今天。日历包含农历和二十四节气。修改起来很简单。可以做成办公日历等。
jQuery日期插件
ness1981的博客
05-31 373
1.下载jQuery日期插件，见附件。 2.导入相应的js文件和jquery源码。例如     &lt;link rel="stylesheet" type="text/css" href="css/datePicker.css"&gt;     &lt;script type="text/javascript" src="js/jquery-1.2.5.js"&gt;&amp
JQ 时间插件
dianchamian8747的博客
09-22 91
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.al...
一款精简的JQ日历插件
王扬扬的博客
08-14 1408
最终效果如图所示，日历图标可自行修改html，这里未作上传。   本人用的jq+angular，最后的值，可以通过   $("#laydateInput").val()   拿到。 html： &lt;div class="laydate-box"&gt; &lt;input type="text" id="laydateIn...
好用的JQ日期時間選擇插件
swcheng2012的专栏
11-26 727
http://www.jq22.com/jquery-info332
jq开箱即用 时间插件
最新发布
09-15
jQuery Lightbox插件是一个非常流行的jQuery插件，用于在网页上展示图片或其他媒体内容。它具有很多变化，可以让开发者在设计中灵活运用。这个插件提供了许多事件可以触发，例如点击(click)和鼠标悬停(mouseover)等...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值