完美解决layDate强制动态显示当前时间(不求评论，但求疯狂转载！)-CSDN博客

**只给懂我的你**

强烈建议喜欢装逼（B）的使用上面的2.0版,优化了相关代码，封装了js，速度你懂得，O(∩_∩)O哈哈~， laydate2.0强势来袭：http://download.csdn.net/detail/cometwo/9371372

这里写图片描述

layDate默认是不显示时间的，实在是操蛋，现自己动手，现修源文件208行如下：工程下载：你妈CSDN今天抽风，上传不了工程，改天传，急的加QQ：3120217729，我给你发，还是那句话：不求评论，但求疯狂转载！转转转

至此还是向@贤心同志致敬！！！！！至少layDate是我现在用过的最好的日历插件！！！！

强烈建议喜欢装逼（B）的使用上面的2.0版,优化了相关代码，封装了js，速度你懂得，O(∩_∩)O哈哈~： laydate2.0强势来袭：http://download.csdn.net/detail/cometwo/9371372

工程demo下载： http://download.csdn.net/detail/cometwo/9369766 或者终结者版：http://download.csdn.net/detail/cometwo/9369854

你懂得：

laydate.now的使用：

<div id="nowtime" title="本功能由laydate.now()驱动">YYYY年MM月DD日 hh:mm:ss</div>
    <div id="nowtime1" title="本功能由laydate.now()驱动">YYYY年MM月DD日 hh:mm:ss</div>



var nowtime = $('#nowtime');
        setInterval(function(){
            nowtime.html(laydate.now(0, 'YYYY年MM月DD日 hh:mm:ss'));
        }, 1000);

 var nowtime1 = $('#nowtime1');
        setInterval(function(){
            nowtime1.html(laydate.now(0));
        }, 1000);

这里写图片描述

                       2015年12月20日晚完成于    北京海淀西二旗盈创动力北区601

/**

 @Name : layDate v1.1 日期控件
 @Author: 贤心
 @Date: 2014-06-25
 @QQ群：176047195
 @Site：http://sentsin.com/layui/laydate
 我的QQ：3120217729
 */

;
! function(a) {
    var b = {
            path: "",
            defSkin: "default",
            format: "YYYY-MM-DD",
            min: "1900-01-01 00:00:00",
            max: "2099-12-31 23:59:59",
            isv: !1
        },
        c = {},
        d = document,
        e = "createElement",
        f = "getElementById",
        g = "getElementsByTagName",
        h = ["laydate_box", "laydate_void", "laydate_click", "LayDateSkin", "skins/", "/laydate.css"];
    a.laydate = function(b) {
        b = b || {};
        try {
            h.event = a.event ? a.event : laydate.caller.arguments[0]
        } catch (d) {}
        return c.run(b), laydate
    }, laydate.v = "1.1", c.getPath = function() {
        var a = document.scripts,
            c = a[a.length - 1].src;
        return b.path ? b.path : c.substring(0, c.lastIndexOf("/") + 1)
    }(), c.use = function(a, b) {
        var f = d[e]("link");
        f.type = "text/css", f.rel = "stylesheet", f.href = c.getPath + a + h[5], b && (f.id = b), d[g]("head")[0].appendChild(f), f = null
    }, c.trim = function(a) {
        return a = a || "", a.replace(/^\s|\s$/g, "").replace(/\s+/g, " ")
    }, c.digit = function(a) {
        return 10 > a ? "0" + (0 | a) : a
    }, c.stopmp = function(b) {
        return b = b || a.event, b.stopPropagation ? b.stopPropagation() : b.cancelBubble = !0, this
    }, c.each = function(a, b) {
        for (var c = 0, d = a.length; d > c && b(c, a[c]) !== !1; c++);
    }, c.hasClass = function(a, b) {
        return a = a || {}, new RegExp("\\b" + b + "\\b").test(a.className)
    }, c.addClass = function(a, b) {
        return a = a || {}, c.hasClass(a, b) || (a.className += " " + b), a.className = c.trim(a.className), this
    }, c.removeClass = function(a, b) {
        if (a = a || {}, c.hasClass(a, b)) {
            var d = new RegExp("\\b" + b + "\\b");
            a.className = a.className.replace(d, "")
        }
        return this
    }, c.removeCssAttr = function(a, b) {
        var c = a.style;
        c.removeProperty ? c.removeProperty(b) : c.removeAttribute(b)
    }, c.shde = function(a, b) {
        a.style.display = b ? "none" : "block"
    }, c.query = function(a) {
        var e, b, h, i, j;
        return a = c.trim(a).split(" "), b = d[f](a[0].substr(1)), b ? a[1] ? /^\./.test(a[1]) ? (i = a[1].substr(1), j = new RegExp("\\b" + i + "\\b"), e = [], h = d.getElementsByClassName ? b.getElementsByClassName(i) : b[g]("*"), c.each(h, function(a, b) {
            j.test(b.className) && e.push(b)
        }), e[0] ? e : "") : (e = b[g](a[1]), e[0] ? b[g](a[1]) : "") : b : void 0
    }, c.on = function(b, d, e) {
        return b.attachEvent ? b.attachEvent("on" + d, function() {
            e.call(b, a.even)
        }) : b.addEventListener(d, e, !1), c
    }, c.stopMosup = function(a, b) {
        "mouseup" !== a && c.on(b, "mouseup", function(a) {
            c.stopmp(a)
        })
    }, c.run = function(a) {
        var d, e, g, b = c.query,
            f = h.event;
        try {
            g = f.target || f.srcElement || {}
        } catch (i) {
            g = {}
        }
        if (d = a.elem ? b(a.elem) : g, f && g.tagName) {
            if (!d || d === c.elem) return;
            c.stopMosup(f.type, d), c.stopmp(f), c.view(d, a), c.reshow()
        } else e = a.event || "click", c.each((0 | d.length) > 0 ? d : [d], function(b, d) {
            c.stopMosup(e, d), c.on(d, e, function(b) {
                c.stopmp(b), d !== c.elem && (c.view(d, a), c.reshow())
            })
        })
    }, c.scroll = function(a) {
        return a = a ? "scrollLeft" : "scrollTop", d.body[a] | d.documentElement[a]
    }, c.winarea = function(a) {
        return document.documentElement[a ? "clientWidth" : "clientHeight"]
    }, c.isleap = function(a) {
        return 0 === a % 4 && 0 !== a % 100 || 0 === a % 400
    }, c.checkVoid = function(a, b, d) {
        var e = [];
        return a = 0 | a, b = 0 | b, d = 0 | d, a < c.mins[0] ? e = ["y"] : a > c.maxs[0] ? e = ["y", 1] : a >= c.mins[0] && a <= c.maxs[0] && (a == c.mins[0] && (b < c.mins[1] ? e = ["m"] : b == c.mins[1] && d < c.mins[2] && (e = ["d"])), a == c.maxs[0] && (b > c.maxs[1] ? e = ["m", 1] : b == c.maxs[1] && d > c.maxs[2] && (e = ["d", 1]))), e
    }, c.timeVoid = function(a, b) {
        if (c.ymd[1] + 1 == c.mins[1] && c.ymd[2] == c.mins[2]) {
            if (0 === b && a < c.mins[3]) return 1;
            if (1 === b && a < c.mins[4]) return 1;
            if (2 === b && a < c.mins[5]) return 1
        } else if (c.ymd[1] + 1 == c.maxs[1] && c.ymd[2] == c.maxs[2]) {
            if (0 === b && a > c.maxs[3]) return 1;
            if (1 === b && a > c.maxs[4]) return 1;
            if (2 === b && a > c.maxs[5]) return 1
        }
        return a > (b ? 59 : 23) ? 1 : void 0
    }, c.check = function() {
        var a = c.options.format.replace(/YYYY|MM|DD|hh|mm|ss/g, "\\d+\\").replace(/\\$/g, ""),
            b = new RegExp(a),
            d = c.elem[h.elemv],
            e = d.match(/\d+/g) || [],
            f = c.checkVoid(e[0], e[1], e[2]);
        if ("" !== d.replace(/\s/g, "")) {
            if (!b.test(d)) return c.elem[h.elemv] = "", c.msg("日期不符合格式，请重新选择。"), 1;
            if (f[0]) return c.elem[h.elemv] = "", c.msg("日期不在有效期内，请重新选择。"), 1;
            f.value = c.elem[h.elemv].match(b).join(), e = f.value.match(/\d+/g), e[1] < 1 ? (e[1] = 1, f.auto = 1) : e[1] > 12 ? (e[1] = 12, f.auto = 1) : e[1].length < 2 && (f.auto = 1), e[2] < 1 ? (e[2] = 1, f.auto = 1) : e[2] > c.months[(0 | e[1]) - 1] ? (e[2] = 31, f.auto = 1) : e[2].length < 2 && (f.auto = 1), e.length > 3 && (c.timeVoid(e[3], 0) && (f.auto = 1), c.timeVoid(e[4], 1) && (f.auto = 1), c.timeVoid(e[5], 2) && (f.auto = 1)), f.auto ? c.creation([e[0], 0 | e[1], 0 | e[2]], 1) : f.value !== c.elem[h.elemv] && (c.elem[h.elemv] = f.value)
        }
    }, c.months = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], c.viewDate = function(a, b, d) {
        var f = (c.query, {}),
            g = new Date;
        a < (0 | c.mins[0]) && (a = 0 | c.mins[0]), a > (0 | c.maxs[0]) && (a = 0 | c.maxs[0]), g.setFullYear(a, b, d), f.ymd = [g.getFullYear(), g.getMonth(), g.getDate()], c.months[1] = c.isleap(f.ymd[0]) ? 29 : 28, g.setFullYear(f.ymd[0], f.ymd[1], 1), f.FDay = g.getDay(), f.PDay = c.months[0 === b ? 11 : b - 1] - f.FDay + 1, f.NDay = 1, c.each(h.tds, function(a, b) {
            var g, d = f.ymd[0],
                e = f.ymd[1] + 1;
            b.className = "", a < f.FDay ? (b.innerHTML = g = a + f.PDay, c.addClass(b, "laydate_nothis"), 1 === e && (d -= 1), e = 1 === e ? 12 : e - 1) : a >= f.FDay && a < f.FDay + c.months[f.ymd[1]] ? (b.innerHTML = g = a - f.FDay + 1, a - f.FDay + 1 === f.ymd[2] && (c.addClass(b, h[2]), f.thisDay = b)) : (b.innerHTML = g = f.NDay++, c.addClass(b, "laydate_nothis"), 12 === e && (d += 1), e = 12 === e ? 1 : e + 1), c.checkVoid(d, e, g)[0] && c.addClass(b, h[1]), c.options.festival && c.festival(b, e + "." + g), b.setAttribute("y", d), b.setAttribute("m", e), b.setAttribute("d", g), d = e = g = null
        }), c.valid = !c.hasClass(f.thisDay, h[1]), c.ymd = f.ymd, h.year.value = c.ymd[0] + "年", h.month.value = c.digit(c.ymd[1] + 1) + "月", c.each(h.mms, function(a, b) {
            var d = c.checkVoid(c.ymd[0], (0 | b.getAttribute("m")) + 1);
            "y" === d[0] || "m" === d[0] ? c.addClass(b, h[1]) : c.removeClass(b, h[1]), c.removeClass(b, h[2]), d = null
        }), c.addClass(h.mms[c.ymd[1]], h[2]), f.times = [0 | c.inymd[3] || 0, 0 | c.inymd[4] || 0, 0 | c.inymd[5] || 0], c.each(new Array(3), function(a) {
            c.hmsin[a].value = c.digit(c.timeVoid(f.times[a], a) ? 0 | c.mins[a + 3] : 0 | f.times[a])
        }), c[c.valid ? "removeClass" : "addClass"](h.ok, h[1])
    }, c.festival = function(a, b) {
        var c;
        switch (b) {
            case "1.1":
                c = "元旦";
                break;
            case "3.8":
                c = "妇女";
                break;
            case "4.5":
                c = "清明";
                break;
            case "5.1":
                c = "劳动";
                break;
            case "6.1":
                c = "儿童";
                break;
            case "9.10":
                c = "教师";
                break;
            case "10.1":
                c = "国庆"
        }
        c && (a.innerHTML = c), c = null
    }, c.viewYears = function(a) {
        var b = c.query,
            d = "";
        c.each(new Array(14), function(b) {
            d += 7 === b ? "<li " + (parseInt(h.year.value) === a ? 'class="' + h[2] + '"' : "") + ' y="' + a + '">' + a + "年</li>" : '<li y="' + (a - 7 + b) + '">' + (a - 7 + b) + "年</li>"
        }), b("#laydate_ys").innerHTML = d, c.each(b("#laydate_ys li"), function(a, b) {
            "y" === c.checkVoid(b.getAttribute("y"))[0] ? c.addClass(b, h[1]) : c.on(b, "click", function(a) {
                c.stopmp(a).reshow(), c.viewDate(0 | this.getAttribute("y"), c.ymd[1], c.ymd[2])
            })
        })
    }, c.initDate = function() {
        var d = (c.query, new Date),
            e = c.elem[h.elemv].match(/\d+/g) || [];
        e.length < 3 && (e = c.options.start.match(/\d+/g) || [], e.length < 3 && (e = [d.getFullYear(), d.getMonth() + 1, d.getDate()])), c.inymd = e, c.viewDate(e[0], e[1] - 1, e[2])
    }, c.iswrite = function() {
        var a = c.query,
            b = {
                time: a("#laydate_hms")
            };
        c.shde(b.time, !c.options.istime), c.shde(h.oclear, !("isclear" in c.options ? c.options.isclear : 1)), c.shde(h.otoday, !("istoday" in c.options ? c.options.istoday : 1)), c.shde(h.ok, !("issure" in c.options ? c.options.issure : 1))
    }, c.orien = function(a, b) {
        var d, e = c.elem.getBoundingClientRect();
        a.style.left = e.left + (b ? 0 : c.scroll(1)) + "px", d = e.bottom + a.offsetHeight / 1.5 <= c.winarea() ? e.bottom - 1 : e.top > a.offsetHeight / 1.5 ? e.top - a.offsetHeight + 1 : c.winarea() - a.offsetHeight, a.style.top = d + (b ? 0 : c.scroll()) + "px"
    }, c.follow = function(a) {
        c.options.fixed ? (a.style.position = "fixed", c.orien(a, 1)) : (a.style.position = "absolute", c.orien(a))
    }, c.viewtb = function() {
        var a, b = [],
            f = ["日", "一", "二", "三", "四", "五", "六"],
            h = {},
            i = d[e]("table"),
            j = d[e]("thead");
        return j.appendChild(d[e]("tr")), h.creath = function(a) {
            var b = d[e]("th");
            b.innerHTML = f[a], j[g]("tr")[0].appendChild(b), b = null
        }, c.each(new Array(6), function(d) {
            b.push([]), a = i.insertRow(0), c.each(new Array(7), function(c) {
                b[d][c] = 0, 0 === d && h.creath(c), a.insertCell(c)
            })
        }), i.insertBefore(j, i.children[0]), i.id = i.className = "laydate_table", a = b = null, i.outerHTML.toLowerCase()
    }(), c.view = function(a, f) {
        var i, g = c.query,
            j = {};
        f = f || a, c.elem = a, c.options = f, c.options.format || (c.options.format = b.format), c.options.start = c.options.start || "", c.mm = j.mm = [c.options.min || b.min, c.options.max || b.max], c.mins = j.mm[0].match(/\d+/g), c.maxs = j.mm[1].match(/\d+/g), h.elemv = /textarea|input/.test(c.elem.tagName.toLocaleLowerCase()) ? "value" : "innerHTML", c.box ? c.shde(c.box) : (i = d[e]("div"), i.id = h[0], i.className = h[0], i.style.cssText = "position: absolute;", i.setAttribute("name", "laydate-v" + laydate.v), i.innerHTML = j.html = '<div class="laydate_top"><div class="laydate_ym laydate_y" id="laydate_YY"><a class="laydate_choose laydate_chprev laydate_tab"><cite></cite></a><input id="laydate_y" readonly><label></label><a class="laydate_choose laydate_chnext laydate_tab"><cite></cite></a><div class="laydate_yms"><a class="laydate_tab laydate_chtop"><cite></cite></a><ul id="laydate_ys"></ul><a class="laydate_tab laydate_chdown"><cite></cite></a></div></div><div class="laydate_ym laydate_m" id="laydate_MM"><a class="laydate_choose laydate_chprev laydate_tab"><cite></cite></a><input id="laydate_m" readonly><label></label><a class="laydate_choose laydate_chnext laydate_tab"><cite></cite></a><div class="laydate_yms" id="laydate_ms">' + function() {
            var a = "";
            return c.each(new Array(12), function(b) {
                a += '<span m="' + b + '">' + c.digit(b + 1) + "月</span>"
            }), a
        }() + "</div>" + "</div>" + "</div>" + c.viewtb + '<div class="laydate_bottom">' + '<ul id="laydate_hms">' + '<li class="laydate_sj">时间</li>' + "<li><input id='xiaoshi'>:</li>" + "<li><input id='fenzhong'>:</li>" + "<li><input id='miaoshu'></li>" + "</ul>" + '<div class="laydate_time" id="laydate_time"></div>' + '<div class="laydate_btn">' + '<a id="laydate_clear">清空</a>' + '<a id="laydate_today">今天</a>' + '<a id="laydate_ok">确认</a>' + "</div>" + (b.isv ? '<a href="http://sentsin.com/layui/laydate/" class="laydate_v" target="_blank">laydate-v' + laydate.v + "</a>" : "") + "</div>", d.body.appendChild(i), c.box = g("#" + h[0]), c.events(), i = null), c.follow(c.box), f.zIndex ? c.box.style.zIndex = f.zIndex : c.removeCssAttr(c.box, "z-index"), c.stopMosup("click", c.box), c.initDate(), c.iswrite(), c.check()
    }, c.reshow = function() {
        return c.each(c.query("#" + h[0] + " .laydate_show"), function(a, b) {
            c.removeClass(b, "laydate_show")
        }), this
    }, c.close = function() {
        c.reshow(), c.shde(c.query("#" + h[0]), 1), c.elem = null
    }, c.parse = function(a, d, e) {
        return a = a.concat(d), e = e || (c.options ? c.options.format : b.format), e.replace(/YYYY|MM|DD|hh|mm|ss/g, function() {
            return a.index = 0 | ++a.index, c.digit(a[a.index])
        })
    }, c.creation = function(a, b) {
        var e = (c.query, c.hmsin),
            f = c.parse(a, [e[0].value, e[1].value, e[2].value]);
        c.elem[h.elemv] = f, b || (c.close(), "function" == typeof c.options.choose && c.options.choose(f))
    }, c.events = function() {
        var b = c.query,
            e = {
                box: "#" + h[0]
            };
        c.addClass(d.body, "laydate_body"), h.tds = b("#laydate_table td"), h.mms = b("#laydate_ms span"), h.year = b("#laydate_y"), h.month = b("#laydate_m"), c.each(b(e.box + " .laydate_ym"), function(a, b) {
            c.on(b, "click", function(b) {
                c.stopmp(b).reshow(), c.addClass(this[g]("div")[0], "laydate_show"), a || (e.YY = parseInt(h.year.value), c.viewYears(e.YY))
            })
        }), c.on(b(e.box), "click", function() {
            c.reshow()
        }), e.tabYear = function(a) {
            0 === a ? c.ymd[0] -- : 1 === a ? c.ymd[0] ++ : 2 === a ? e.YY -= 14 : e.YY += 14, 2 > a ? (c.viewDate(c.ymd[0], c.ymd[1], c.ymd[2]), c.reshow()) : c.viewYears(e.YY)
        }, c.each(b("#laydate_YY .laydate_tab"), function(a, b) {
            c.on(b, "click", function(b) {
                c.stopmp(b), e.tabYear(a)
            })
        }), e.tabMonth = function(a) {
            a ? (c.ymd[1] ++, 12 === c.ymd[1] && (c.ymd[0] ++, c.ymd[1] = 0)) : (c.ymd[1] --, -1 === c.ymd[1] && (c.ymd[0] --, c.ymd[1] = 11)), c.viewDate(c.ymd[0], c.ymd[1], c.ymd[2])
        }, c.each(b("#laydate_MM .laydate_tab"), function(a, b) {
            c.on(b, "click", function(b) {
                c.stopmp(b).reshow(), e.tabMonth(a)
            })
        }), c.each(b("#laydate_ms span"), function(a, b) {
            c.on(b, "click", function(a) {
                c.stopmp(a).reshow(), c.hasClass(this, h[1]) || c.viewDate(c.ymd[0], 0 | this.getAttribute("m"), c.ymd[2])
            })
        }), c.each(b("#laydate_table td"), function(a, b) {
            c.on(b, "click", function(a) {
                c.hasClass(this, h[1]) || (c.stopmp(a), c.creation([0 | this.getAttribute("y"), 0 | this.getAttribute("m"), 0 | this.getAttribute("d")]))
            })
        }), h.oclear = b("#laydate_clear"), c.on(h.oclear, "click", function() {
            c.elem[h.elemv] = "", c.close()
        }), h.otoday = b("#laydate_today"), c.on(h.otoday, "click", function() {
            c.elem[h.elemv] = laydate.now(0, c.options.format), c.close()
        }), h.ok = b("#laydate_ok"), c.on(h.ok, "click", function() {
            c.valid && c.creation([c.ymd[0], c.ymd[1] + 1, c.ymd[2]])
        }), e.times = b("#laydate_time"), c.hmsin = e.hmsin = b("#laydate_hms input"), e.hmss = ["小时", "分钟", "秒数"], e.hmsarr = [], c.msg = function(a, d) {
            var f = '<div class="laydte_hsmtex">' + (d || "提示") + "<span>×</span></div>";
            "string" == typeof a ? (f += "<p>" + a + "</p>", c.shde(b("#" + h[0])), c.removeClass(e.times, "laydate_time1").addClass(e.times, "laydate_msg")) : (e.hmsarr[a] ? f = e.hmsarr[a] : (f += '<div id="laydate_hmsno" class="laydate_hmsno">', c.each(new Array(0 === a ? 24 : 60), function(a) {
                f += "<span>" + a + "</span>"
            }), f += "</div>", e.hmsarr[a] = f), c.removeClass(e.times, "laydate_msg"), c[0 === a ? "removeClass" : "addClass"](e.times, "laydate_time1")), c.addClass(e.times, "laydate_show"), e.times.innerHTML = f
        }, e.hmson = function(a, d) {
            var e = b("#laydate_hmsno span"),
                f = c.valid ? null : 1;
            c.each(e, function(b, e) {
                f ? c.addClass(e, h[1]) : c.timeVoid(b, d) ? c.addClass(e, h[1]) : c.on(e, "click", function() {
                    c.hasClass(this, h[1]) || (a.value = c.digit(0 | this.innerHTML))
                })
            }), c.addClass(e[0 | a.value], "laydate_click")
        }, c.each(e.hmsin, function(a, b) {
            c.on(b, "click", function(b) {
                c.stopmp(b).reshow(), c.msg(a, e.hmss[a]), e.hmson(this, a)
            })
        }), c.on(d, "mouseup", function() {
            var a = b("#" + h[0]);
            a && "none" !== a.style.display && (c.check() || c.close())
        }).on(d, "keydown", function(b) {
            b = b || a.event;
            var d = b.keyCode;
            13 === d && c.creation([c.ymd[0], c.ymd[1] + 1, c.ymd[2]])
        })
    }, c.init = function() {
        c.use("need"), c.use(h[4] + b.defSkin, h[3]), c.skinLink = c.query("#" + h[3])
    }(), laydate.reset = function() {
        c.box && c.elem && c.follow(c.box)
    }, laydate.now = function(a, b) {
        var d = new Date(0 | a ? function(a) {
            return 864e5 > a ? +new Date + 864e5 * a : a
        }(parseInt(a)) : +new Date);
        return c.parse([d.getFullYear(), d.getMonth() + 1, d.getDate()], [d.getHours(), d.getMinutes(), d.getSeconds()], b)
    }, laydate.skin = function(a) {
        c.skinLink.href = c.getPath + h[4] + a + h[5]
    }
}(window);

在时间后面的li的input追加id, ‘<li class="laydate_sj">时间</li>' + "<li><input id='xiaoshi' >:</li>" + "<li><input id='fenzhong'>:</li>" + "<li><input id='miaoshu'></li>",删掉readonly。

现有html:

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>layDate Demo</title>
        <script type="text/javascript" src="laydate/jquery-1.9.1.min.js"></script>
        <script src="laydate/laydate.js"></script>
        <style>
            html {
                background-color: burlywood;
                font-size: 14px;
                color: #000;
                font-family: '微软雅黑'
            }
            h2 {
                line-height: 30px;
                font-size: 20px;
            }
            #hello {
                margin: 70px;
            }
        </style>
    </head>

    <body>
        <div style="width:970px; margin:10px auto;">
            演示一：
            <input placeholder="请输入日期" class="laydate-icon" onclick="laydate()">
        </div>
        <input id="hello" class="laydate-icon">
        <input id="hello1" class="laydate-icon">
        <script>
            laydate.skin('dahong');       //设置颜色skins主题
            laydate({
                format: 'YYYY/MM/DD hh:mm:ss',
                istime: true, //是否开启时间选择
                elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
                event: 'focus' //响应事件。如果没有传入event，则按照默认的click
            });
            laydate({
                format: 'YYYY/MM/DD hh:mm:ss',
                istime: true, //是否开启时间选择
                elem: '#hello1', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
                event: 'focus' //响应事件。如果没有传入event，则按照默认的click
            });
            $(function() {

                setInterval(time_now, 1000);
                function time_now() {
                var time = $('xiaoshi').val();
//              alert($('#xiaoshi').val()+':'+$('#fenzhong').val()+':'+$('#miaoshu').val());
                var tm = new Date();
                var H = checktime(tm.getHours());
                var M = checktime(tm.getMinutes());
                var S = checktime(tm.getSeconds());
                $('#xiaoshi').val(H);
                $('#fenzhong').val(M);
                $('#miaoshu').val(S);
                }

                function checktime(val) {
                    if (val < 10) {
                        val = "0" + val;
                    }
                    return val
                }
            })
        </script>
    </body>

</html>