提交
This commit is contained in:
gaofeng
242
public/static/new_date/css/calendar.min.css
vendored
Normal file
242
public/static/new_date/css/calendar.min.css
vendored
Normal file
@@ -0,0 +1,242 @@
|
||||
|
||||
|
||||
.dates_box .form-control,
|
||||
.dates_box input[type="text"],
|
||||
.dates_box input[type="email"],
|
||||
.dates_box input[type="number"],
|
||||
.dates_box input[type="password"],
|
||||
.dates_box input[type="tel"], /* 注意：phone 应该用 tel */
|
||||
.dates_box select {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.dates_box {
|
||||
position: absolute;
|
||||
width: 250px;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
|
||||
-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
|
||||
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
|
||||
background: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.choose_btn, .dates_choose {
|
||||
float: left;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.dates_box_top {
|
||||
height: 26px;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.dates_choose {
|
||||
width: 116px;
|
||||
border: 1px solid #ccc
|
||||
}
|
||||
|
||||
.choose_btn {
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #eee
|
||||
}
|
||||
|
||||
.dates_choose .sign {
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
border: 4px dashed transparent;
|
||||
vertical-align: middle;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.prev_choose {
|
||||
border-right: 1px solid #ccc
|
||||
}
|
||||
|
||||
.next_choose {
|
||||
float: right;
|
||||
border-left: 1px solid #ccc
|
||||
}
|
||||
|
||||
.choose_btn .sign {
|
||||
margin-top: 7px
|
||||
}
|
||||
|
||||
.prev_choose .sign {
|
||||
border-left-width: 0;
|
||||
border-right-color: #333
|
||||
}
|
||||
|
||||
.next_choose .sign {
|
||||
border-right-width: 0;
|
||||
border-left-color: #333
|
||||
}
|
||||
|
||||
.ipt_wrap {
|
||||
float: left;
|
||||
width: 74px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ipt_wrap input {
|
||||
vertical-align: -1px
|
||||
}
|
||||
|
||||
.ipt_wrap .dlt_status {
|
||||
border: none !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.ipt_wrap .sign {
|
||||
border-bottom-width: 0;
|
||||
border-top-color: #333;
|
||||
margin-right: 4px
|
||||
}
|
||||
|
||||
.dates_btn, .dates_hms, .dates_table {
|
||||
border: 1px solid #ccc
|
||||
}
|
||||
|
||||
.ipt_wrap small {
|
||||
font-size: 12px;
|
||||
margin-right: 5px
|
||||
}
|
||||
|
||||
.dates_mm {
|
||||
float: right
|
||||
}
|
||||
|
||||
.dates_table {
|
||||
margin: 0 auto;
|
||||
width: 238px;
|
||||
border-collapse: collapse;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dates_table thead tr th {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ccc;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dates_table tr td {
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dates_mm_list span:hover, .dates_table tr td:hover, .dates_yy_list span:hover {
|
||||
background: #f2f2f2;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.other_day {
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
.disable_day {
|
||||
color: #ddd;
|
||||
background: #f7f7f7
|
||||
}
|
||||
|
||||
.current_day, .dates_mm_list span.current, .dates_yy_list span.current {
|
||||
background: #ebebeb
|
||||
}
|
||||
|
||||
.dates_btn a, .dates_click, .time_tag {
|
||||
background: #eee
|
||||
}
|
||||
|
||||
.dates_bottom {
|
||||
padding: 5px;
|
||||
height: 36px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.time_tag {
|
||||
padding: 0 4px;
|
||||
margin-right: 4px
|
||||
}
|
||||
|
||||
.dates_hms {
|
||||
float: left;
|
||||
width: 114px;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.dates_hms li {
|
||||
float: left;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.dates_hms li input {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.dates_hms li input.dlt_status {
|
||||
width: 18px;
|
||||
border: none !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.dates_btn {
|
||||
float: right;
|
||||
width: 118px;
|
||||
border-right: none
|
||||
}
|
||||
|
||||
.dates_btn a {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
padding: 0 7px;
|
||||
border-right: 1px solid #ccc;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.choose_btn:hover, .dates_btn a:hover {
|
||||
background: #fefefe
|
||||
}
|
||||
|
||||
.dates_mm_list, .dates_yy_list {
|
||||
width: 116px;
|
||||
height: 175px;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: 24px;
|
||||
background: #fff;
|
||||
border: 1px solid #ccc
|
||||
}
|
||||
|
||||
.dates_mm_list span {
|
||||
float: left;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dates_yy_list span {
|
||||
display: block;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
font-size: 12px
|
||||
}
|
||||
359
public/static/new_date/js/calendar.min.js
vendored
Normal file
359
public/static/new_date/js/calendar.min.js
vendored
Normal file
@@ -0,0 +1,359 @@
|
||||
!function (a) {
|
||||
"function" == typeof define ? define("xvDate", [], function (b, c, d) {
|
||||
var e = {};
|
||||
a(e), d.exports = e.xvDate
|
||||
}) : a(window)
|
||||
}(function (a) {
|
||||
var b = {};
|
||||
a.xvDate = function (a) {
|
||||
var c = a.trigger || a.target;
|
||||
if ("object" == typeof c && c.length) for (var d = [], e = 0; e < c.length; e++) d.push(c[e]), b.enable(d[e], d, a);
|
||||
else d = c, b.enable(d, d, a)
|
||||
}, b.fn = b.prototype = {
|
||||
init: function (a) {
|
||||
this.creatView(a), this.initTimes(!1)
|
||||
}, gb: {}, creatView: function (a) {
|
||||
var c, d = a || {}, e = this, f = d.target || document.querySelector("#dates"), g = f;
|
||||
if (e.gb.algin = d.align ? d.align : g,e.gb.done = d.done, e.gb.format = d.format || "-", e.gb.hms = null, e.gb.zIndex = d.zIndex || 9999, e.gb.trigger = d.trigger, e.limitTime(d.min, "minTime"), e.limitTime(d.max, "maxTime"), e.gb.datesBox) e.gb.target === g || e.ishd(e.gb.datesBox) ? e.shde(e.gb.datesBox) : (b.removeEvent(document, "click", e.docArea), e.shde(e.gb.datesBox, 2)), e.gb.target = g, e.setPosition(e.gb.algin, e.gb.datesBox, {
|
||||
left: 0, top: 0
|
||||
}), e.setPosition(e.gb.algin, e.gb.datesBox), c = {that: e}, b.removeEvent(document, "click", e.docArea), b.addEvent(document, "click", e.docArea, c), e.gb.datesBox.style.zIndex = e.gb.zIndex; else {
|
||||
var h = e.gb.datesBox = e.creatEle("div");
|
||||
e.gb.datesBox.id = "xv_Dates_box", e.gb.target = g, e.gb.datesBox.className = "dates_box", e.gb.datesBox.style.display = "block", e.gb.datesBox.style.zIndex = e.gb.zIndex, e.append(e.gb.datesBox), h.innerHTML = "<div class='dates_box_top'><div class='dates_yy dates_choose'><span class='prev_choose choose_btn xv_Yy_prev' ><i class='sign'></i></span><span class='ipt_wrap xv_Year_wrap' ><input class='dlt_status xv_Ipt_year' style='width:32px;margin-left:4px;' type='text'><small>年</small><i class='sign'></i></span><span class='next_choose choose_btn xv_Yy_next' ><i class='sign'></i></span><div class='dates_yy_list xv_Dates_yy_list' style='display:none'>" + function () {
|
||||
for (var a = "", b = 1920; b < 2100; b++) a += "<span dateValue = " + b + ">" + b + "</span>";
|
||||
return a
|
||||
}() + "</div></div><div class='dates_mm dates_choose'><span class='prev_choose choose_btn xv_Mm_prev'><i class='sign'></i></span><span class='ipt_wrap xv_Moth_wrap' ><input class='dlt_status xv_Ipt_month' style='width:16px;margin-left:10px;' type='text'><small>月</small><i class='sign'></i></span><span class='next_choose choose_btn xv_Mm_next' ><i class='sign'></i></span><div class='dates_mm_list xv_Dates_mm_list' style='display:none'>" + function () {
|
||||
for (var a = "", b = 1; b < 13; b++) a += b < 10 ? "<span dateValue =" + b + ">0" + b + "月</span>" : "<span dateValue =" + b + ">" + b + "月</span>";
|
||||
return a
|
||||
}() + "</div></div></div>" + this.viewTb() + "<div class='dates_bottom'><ul class='dates_hms dates_hms'><li class='time_tag'>时间</li><li><input type='text' class='dlt_status xv_Hours'><span>:</span></li><li><input type='text' class='dlt_status xv_Minutes'><span>:</span></li><li><input type='text' class='dlt_status xv_Seconds'><span> </span></li></ul><div class='dates_btn'><a class='xv_Dates_clear'>清空</a><a class='xv_Dates_today'>今天</a><a class='xv_Dates_ok'>确认</a></div></div>", e.handleTime(), e.gb.datesHms = document.querySelector(".dates_hms"), e.setPosition(e.gb.algin, e.gb.datesBox, {
|
||||
left: 0, top: 0
|
||||
}), e.setPosition(e.gb.algin, e.gb.datesBox), c = {that: e}, b.addEvent(document, "click", e.docArea, c)
|
||||
}
|
||||
// 强制隐藏下拉框（确保每次打开都隐藏）
|
||||
if (e.gb.els) {
|
||||
e.gb.els.yyList.style.display = "none";
|
||||
e.gb.els.mmList.style.display = "none";
|
||||
}
|
||||
var i = this.gb.datesHms;
|
||||
i ? this.shde(i, 2) : this.shde(i, 1);
|
||||
var j = d.trigger || d.target;
|
||||
if ("object" == typeof j && j.length) {
|
||||
e.gb.trigger = [];
|
||||
for (var k = 0; k < j.length; k++) e.gb.trigger.push(j[k])
|
||||
} else e.gb.trigger = j
|
||||
}, docArea: function (a) {
|
||||
var b = a.srcElement || a.target, c = a.datas.that;
|
||||
!c.ishd(c.gb.datesBox) && !c.contain(c.gb.datesBox, b) && b !== c.gb.target && !c.isExistObj(c.gb.trigger, b) && c.shde(c.gb.datesBox, 1)
|
||||
}, limitTime: function (a, b) {
|
||||
var c = this.checkTime(a);
|
||||
this.gb[b] = c ? this.datesSplit(c) : null
|
||||
}, datesSplit: function (a) {
|
||||
return a ? (datesTimeArr = a.split(" "), datesArr = datesTimeArr[0].split(/[-\/]/), timesArr = this.gb.hms && datesTimeArr[1] ? datesTimeArr[1].split(":") : null, {
|
||||
year: datesArr[0],
|
||||
month: datesArr[1],
|
||||
date: datesArr[2],
|
||||
hours: timesArr ? timesArr[0] : 0,
|
||||
minutes: timesArr ? timesArr[1] : 0,
|
||||
seconds: timesArr ? timesArr[2] : 0
|
||||
}) : a
|
||||
}, handleTime: function () {
|
||||
var a = this;
|
||||
a.gb.td = document.querySelector("#dates_table").getElementsByTagName("td");
|
||||
for (var c = a.gb.els = {
|
||||
yearWrap: document.querySelector(".xv_Year_wrap"),
|
||||
monthWrap: document.querySelector(".xv_Moth_wrap"),
|
||||
yyList: document.querySelector(".xv_Dates_yy_list"),
|
||||
mmList: document.querySelector(".xv_Dates_mm_list"),
|
||||
yyConList: document.querySelector(".xv_Dates_yy_list").getElementsByTagName("span"),
|
||||
mmConList: document.querySelector(".xv_Dates_mm_list").getElementsByTagName("span"),
|
||||
yyPrev: document.querySelector(".xv_Yy_prev"),
|
||||
yyNext: document.querySelector(".xv_Yy_next"),
|
||||
mmPrev: document.querySelector(".xv_Mm_prev"),
|
||||
mmNext: document.querySelector(".xv_Mm_next"),
|
||||
datesClear: document.querySelector(".xv_Dates_clear"),
|
||||
datesToday: document.querySelector(".xv_Dates_today"),
|
||||
datesOk: document.querySelector(".xv_Dates_ok"),
|
||||
iptYear: document.querySelector(".xv_Ipt_year"),
|
||||
iptMonth: document.querySelector(".xv_Ipt_month"),
|
||||
iptHours: document.querySelector(".xv_Hours"),
|
||||
iptMinutes: document.querySelector(".xv_Minutes"),
|
||||
iptSeconds: document.querySelector(".xv_Seconds")
|
||||
}, d = [c.iptYear, c.iptMonth, c.iptHours, c.iptMinutes, c.iptSeconds], e = 0; e < d.length; e++) b.addEvent(d[e], "click", a.focusStatus);
|
||||
b.addEvent(c.iptYear, "blur", function () {
|
||||
var b = "^((19[0-9]{2})|(2[0-9]{3}))$", c = this, d = a.checkFocus(b, c, a.gb.time.year);
|
||||
d && (a.gb.time.year = d, a.insertDate())
|
||||
}), b.addEvent(c.iptMonth, "blur", function () {
|
||||
var b = "^((0[1-9])|(1[0-2])|[1-9])$", c = this, d = a.checkFocus(b, c, a.formatTime(a.gb.time.month));
|
||||
d && (a.gb.time.month = d, a.insertDate())
|
||||
}), b.addEvent(c.iptHours, "blur", function () {
|
||||
var b = this;
|
||||
a.gb.time.hours = a.checkFocus("^(([0-1][0-9])|(2[0-3])|[0-9])$", b, "00")
|
||||
}), b.addEvent(c.iptMinutes, "blur", function () {
|
||||
var b = this;
|
||||
a.gb.time.minutes = a.checkFocus("^(([0-5][0-9])|[0-9])$", b, "00")
|
||||
}), b.addEvent(c.iptSeconds, "blur", function () {
|
||||
var b = this;
|
||||
a.gb.time.seconds = a.checkFocus("^(([0-5][0-9])|[0-9])$", b, "00")
|
||||
}), b.addEvent(c.datesClear, "click", function () {
|
||||
a.gb.target.value = ""
|
||||
}), b.addEvent(c.datesOk, "click", function () {
|
||||
var b = a.gb.hms ? "hms" : "ymd", c = a.gb.time;
|
||||
a.compareTime(c.year, c.month, c.date, b) && a.getOkTime()
|
||||
}), b.addEvent(c.datesToday, "click", function () {
|
||||
a.initTimes(!0)
|
||||
}), b.addEvent(c.yearWrap, "click", a.yearLst, {
|
||||
els: c, that: a
|
||||
}), b.addEvent(a.gb.datesBox, "click", a.ymLst, {
|
||||
els: c, that: a
|
||||
}), a.ymClick(c.yyConList, c.yyList, "year"), a.ymClick(c.mmConList, c.mmList, "month"), b.addEvent(c.monthWrap, "click", function () {
|
||||
"none" === c.mmList.style.display ? document.activeElement !== c.iptMonth && (c.mmList.style.display = "block") : c.mmList.style.display = "none"
|
||||
});
|
||||
var f = {mmPrev: [-1, "month"], mmNext: [1, "month"], yyPrev: [-1, "year"], yyNext: [1, "year"]};
|
||||
for (e in f) b.addEvent(c[e], "click", a.datesBtn, {that: a, direction: f[e][0], type: f[e][1]});
|
||||
for (e = 0; e < a.gb.td.length; e++) b.addEvent(a.gb.td[e], "click", a.getDate, {that: a})
|
||||
}, getDate: function (a) {
|
||||
var b, c = this.innerHTML, d = a.datas.that, e = parseInt(this.getAttribute("m"), 10);
|
||||
b = 1 === d.gb.time.month && 12 === e ? d.gb.time.year - 1 : 12 === d.gb.time.month && 1 === e ? d.gb.time.year + 1 : d.gb.time.year, d.compareTime(b, e, c) && (d.gb.time.year = b, d.gb.time.month = e, d.gb.time.date = c, d.insertDate(), d.getOkTime())
|
||||
}, yearLst: function (a) {
|
||||
var b = a.datas.els, c = a.datas.that;
|
||||
if ("none" === b.yyList.style.display) {
|
||||
if (document.activeElement !== b.iptYear) {
|
||||
// 先显示下拉框
|
||||
b.yyList.style.display = "block";
|
||||
/************关键修改：在下拉框显示后，异步计算滚动位置 *********/
|
||||
setTimeout(function () {
|
||||
for (var d = 0; d < b.yyConList.length; d++) {
|
||||
if (b.yyConList[d].getAttribute("dateValue") == c.gb.time.year) {
|
||||
// 1. 获取元素位置并滚动到中间
|
||||
var e = b.yyConList[d].offsetTop;
|
||||
b.yyList.scrollTop = e - (b.yyList.clientHeight / 2);
|
||||
|
||||
// 2. 添加选中高亮样式（新增部分）
|
||||
// 先清除其他年份的选中状态
|
||||
for (var i = 0; i < b.yyConList.length; i++) {
|
||||
b.yyConList[i].classList.remove('current');
|
||||
}
|
||||
// 为当前年份添加选中样式
|
||||
b.yyConList[d].classList.add('current');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, 10);
|
||||
/*********关键修改：在下拉框显示后，异步计算滚动位置 *********/
|
||||
}
|
||||
} else {
|
||||
b.yyList.style.display = "none";
|
||||
}
|
||||
}, ymLst: function (a) {
|
||||
var b = a.srcElement || a.target, c = a.datas.els, d = a.datas.that;
|
||||
d.contain(c.yearWrap, b) || d.ishd(c.yyList) || (c.yyList.style.display = "none"), d.contain(c.monthWrap, b) || d.ishd(c.mmList) || (c.mmList.style.display = "none")
|
||||
/************关键修改：在下拉框显示后，异步计算滚动位置 *********/
|
||||
setTimeout(function () {
|
||||
for (var i = 0; i < c.mmConList.length; i++) {
|
||||
if (c.mmConList[i].getAttribute("dateValue") == parseFloat(d.gb.time.month)) {
|
||||
for (var j = 0; j < c.mmConList.length; j++) {
|
||||
c.mmConList[j].classList.remove('current');
|
||||
}
|
||||
// 为当前年份添加选中样式
|
||||
c.mmConList[i].classList.add('current');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, 10);
|
||||
/*********关键修改：在下拉框显示后，异步计算滚动位置 *********/
|
||||
}, focusStatus: function () {
|
||||
this.focus && (this.select(), this.className = "")
|
||||
}, combineTime: function (a, b) {
|
||||
var c;
|
||||
if (!a) return !1;
|
||||
var d = a.year.toString(), e = this.formatTime(a.month.toString()), f = this.formatTime(a.date.toString()),
|
||||
g = this.formatTime(a.hours.toString()), h = this.formatTime(a.minutes.toString()),
|
||||
i = this.formatTime(a.seconds.toString());
|
||||
switch (b) {
|
||||
case"hms":
|
||||
c = d + e + f + g + h + i;
|
||||
break;
|
||||
case"ymd":
|
||||
c = d + e + f;
|
||||
break;
|
||||
case"ym":
|
||||
c = d + e;
|
||||
break;
|
||||
case"y":
|
||||
c = d;
|
||||
break;
|
||||
default:
|
||||
c = d + e + f
|
||||
}
|
||||
return parseInt(c, 10)
|
||||
}, compareTime: function (a, b, c, d) {
|
||||
var e = this, f = e.gb.time, g = e.combineTime({
|
||||
year: a, month: b, date: c, hours: f.hours, minutes: f.seconds, seconds: f.minutes
|
||||
}, d), h = e.combineTime(e.gb.minTime, d) || "", i = e.combineTime(e.gb.maxTime, d) || "";
|
||||
return h && !i ? !(g < h) || null : !h && i ? !(g > i) || null : !h || !i || (!(g > i || g < h) || null)
|
||||
}, initTimes: function (a) {
|
||||
var b, c, d, e, f, g, h, i, j = this.gb.target, k = this.checkTime(j.value);
|
||||
|
||||
// 无论是否有预设值或限制，都优先使用当前日期
|
||||
i = new Date;
|
||||
b = i.getDate();
|
||||
c = i.getFullYear();
|
||||
d = i.getMonth() + 1;
|
||||
e = i.getHours();
|
||||
f = i.getMinutes();
|
||||
g = i.getSeconds();
|
||||
|
||||
// 保留原有的值检查逻辑（但不再作为主要取值来源）
|
||||
k && (k = this.datesSplit(k));
|
||||
|
||||
// 如果存在有效输入值，则使用输入值（否则使用当前日期）
|
||||
if (k && this.checkTime(j.value)) {
|
||||
b = k.date;
|
||||
c = k.year;
|
||||
d = k.month;
|
||||
e = k.hours;
|
||||
f = k.minutes;
|
||||
g = k.seconds;
|
||||
}
|
||||
|
||||
// 应用日期时间
|
||||
this.gb.time = {
|
||||
year: c, month: d, date: b, hours: e, minutes: f, seconds: g
|
||||
};
|
||||
this.insertDate();
|
||||
}, viewTb: function () {
|
||||
var a = ["日", "一", "二", "三", "四", "五", "六"], b = [], c = 0, d = this.creatEle("table"),
|
||||
e = this.creatEle("thead"), f = this.creatEle("tbody");
|
||||
d.className = "dates_table", d.id = "dates_table";
|
||||
for (var g = 1; g < 8; g++) {
|
||||
var h = this.creatEle("th");
|
||||
this.append(h, e), h.innerHTML = a[g - 1]
|
||||
}
|
||||
for (g = 1; g < 7; g++) {
|
||||
b[g] = this.creatEle("tr"), this.append(b[g], f);
|
||||
for (var i = 1; i < 8; i++) {
|
||||
var j = this.creatEle("td");
|
||||
j.setAttribute("index", c++), this.append(j, b[g])
|
||||
}
|
||||
}
|
||||
return this.append(e, d), this.append(f, d), d.outerHTML
|
||||
}, insertDate: function () {
|
||||
var a, b, c = this.gb.els, d = this.gb.time, e = c.yyConList, f = c.mmConList, g = c.iptYear,
|
||||
h = c.iptMonth, i = c.iptHours, j = c.iptMinutes, k = c.iptSeconds, l = d.year,
|
||||
m = parseInt(d.month, 10), n = d.date, o = d.hours, p = d.minutes, q = d.seconds, r = this.gb.td,
|
||||
s = new Date;
|
||||
s.setFullYear(l, m - 1), s.setDate(1);
|
||||
var t = s.getDay(), u = this.getDays(l, m - 1);
|
||||
this.dateStatus(f, m, "current"), this.dateStatus(e, l, "current");
|
||||
for (var v = 0; v < u; v++) r[t + v].innerHTML = v + 1, r[t + v].className = "", v + 1 === n ? r[t + v].className = "current_day" : n > u && (r[t + u - 1].className = "current_day", this.gb.time.date = u), r[t + v].setAttribute("m", m), r[t + v].setAttribute("y", l);
|
||||
/************************ 高亮选中的日期（直接使用 existing current_day 类） **************************/
|
||||
for (var v = 0; v < this.gb.td.length; v++) {
|
||||
var td = this.gb.td[v];
|
||||
td.className = ""; // 清除所有样式
|
||||
// 如果是当前月份的日期，并且匹配选中的日期
|
||||
if (parseInt(td.getAttribute("m")) === parseInt(this.gb.time.month) && parseInt(td.getAttribute("y")) === parseInt(this.gb.time.year) && parseInt(td.innerHTML) === parseInt(this.gb.time.date)) {
|
||||
td.className = "current_day"; // 直接使用 existing 类
|
||||
}
|
||||
}
|
||||
/********************** 高亮选中的日期（直接使用 existing current_day 类） ***************************/
|
||||
for (v = 0; v < t; v++) r[t - v - 1].className = "other_day", r[t - v - 1].innerHTML = this.getDays(l, m - 2) - v, m - 1 > 0 ? (a = m - 1, b = l) : (a = 12, b = l - 1), r[t - v - 1].setAttribute("m", a), r[t - v - 1].setAttribute("y", b);
|
||||
for (v = 0; v < r.length - t - u; v++) r[t + u + v].className = "other_day", r[t + u + v].innerHTML = v + 1, m + 1 > 12 ? (a = 1, b = l + 1) : (a = m + 1, b = l), r[t + u + v].setAttribute("m", a), r[t + u + v].setAttribute("y", b);
|
||||
var w = this.combineTime(this.gb.minTime) || "", x = this.combineTime(this.gb.maxTime) || "",
|
||||
y = {year: l, month: m, date: n, hours: this.gb.time.hours, minutes: this.gb.time.minutes, seconds: q};
|
||||
if (w) {
|
||||
for (v = 0; v < r.length; v++) y.year = r[v].getAttribute("y"), y.date = r[v].innerHTML, y.month = r[v].getAttribute("m"), this.combineTime(y) < w && (r[v].className = "disable_day");
|
||||
for (v = 0; v < e.length; v++) e[v].getAttribute("dateValue") < this.gb.minTime.year && (e[v].className = "disable_day");
|
||||
for (v = 0; v < f.length; v++) d.year + this.formatTime(f[v].getAttribute("dateValue")) < this.combineTime(this.gb.minTime, "ym") && (f[v].className = "disable_day")
|
||||
}
|
||||
if (x) {
|
||||
for (v = 0; v < r.length; v++) y.year = r[v].getAttribute("y"), y.date = r[v].innerHTML, y.month = r[v].getAttribute("m"), this.combineTime(y) > x && (r[v].className = "disable_day");
|
||||
for (v = 0; v < e.length; v++) e[v].getAttribute("dateValue") > this.gb.maxTime.year && (e[v].className = "disable_day");
|
||||
for (v = 0; v < f.length; v++) d.year + this.formatTime(f[v].getAttribute("dateValue")) > this.combineTime(this.gb.maxTime, "ym") && (f[v].className = "disable_day")
|
||||
}
|
||||
g.value = l, h.value = this.formatTime(m), i.value = this.formatTime(o), j.value = this.formatTime(p), k.value = this.formatTime(q)
|
||||
}, ymClick: function (a, b, c) {
|
||||
function d() {
|
||||
"month" === c ? (f = this.getAttribute("dateValue"), e = h.gb.time.year, g = h.gb.time.date) : "year" === c && (e = this.getAttribute("dateValue"), f = h.gb.time.month, g = h.gb.time.date), h.compareTime(e, f, g) && (h.gb.time.year = e, h.gb.time.month = f, h.gb.time.date = g, h.removeStatus(a), this.className = "current", b.style.display = "none", h.insertDate())
|
||||
}
|
||||
|
||||
for (var e, f, g, h = this, i = 0; i < a.length; i++) a[i].onclick = d
|
||||
}, ishd: function (a) {
|
||||
return "none" === a.style.display || null
|
||||
}, shde: function (a, b) {
|
||||
b ? 1 === b ? a.style.display = "none" : 2 === b && (a.style.display = "block") : a.style.display = "block" === a.style.display ? "none" : "block"
|
||||
}, isExistObj: function (a, b) {
|
||||
if ("object" == typeof a && a.length) {
|
||||
for (var c = 0; c < a.length; c++) if (a[c] === b) return !0
|
||||
} else if (a === b) return !0;
|
||||
return !1
|
||||
}, checkFocus: function (a, b, c, d) {
|
||||
b.className = "dlt_status";
|
||||
var e = b.value;
|
||||
return new RegExp(a).test(e) ? (this.gb.time[d] = this.formatTime(e), b.value = this.gb.time[d]) : b.value = c, b.value
|
||||
}, datesBtn: function (a) {
|
||||
var b = a.datas.that, c = b.gb.time.year, d = b.gb.time.month, e = parseInt(c, 10), f = parseInt(d, 10),
|
||||
g = b.gb.time.date, h = a.datas.type, i = a.datas.direction;
|
||||
if ("month" === h) {
|
||||
1 === f && i < 0 ? (d = 12, c = e + i) : 12 === f && i > 0 ? (d = 1, c = e + 1) : d = f + i;
|
||||
var j = b.getDays(c, d - 1);
|
||||
g > j && (g = j)
|
||||
} else "year" === h && (c = e + i);
|
||||
b.gb.time.year = c, b.gb.time.month = d, b.gb.time.date = g, b.insertDate()
|
||||
}, removeStatus: function (a) {
|
||||
for (var b = 0; b < a.length; b++) a[b].className = ""
|
||||
}, dateStatus: function (a, b, c) {
|
||||
for (var d = 0; d < a.length; d++) a[d].className = "", a[d].getAttribute("dateValue") === b && (a[d].className = c)
|
||||
}, getOkTime: function () {
|
||||
var a, b, c = {}, d = this.gb.format;
|
||||
for (var e in this.gb.time) c[e] = this.formatTime(this.gb.time[e]);
|
||||
b = " " + c.hours + ":" + c.minutes + ":" + c.seconds;
|
||||
a = this.gb.hms ? b : "";
|
||||
|
||||
// 设置最终值
|
||||
var selectedDate = c.year + d + c.month + d + c.date + a;
|
||||
this.gb.target.value = selectedDate;
|
||||
// ✅ 新增：触发回调（如果配置了 done）
|
||||
if (typeof this.gb.done === 'function') {
|
||||
this.gb.done(selectedDate); // 将选择的日期传给回调
|
||||
}
|
||||
|
||||
this.shde(this.gb.datesBox); // 关闭弹窗
|
||||
}, checkTime: function (a) {
|
||||
var b = "[-/]", c = this.gb.hms ? "(\\s){1}((0?[0-9])|(1[0-9])|(2[0-3])):([0-5][0-9]):([0-5][0-9])" : "",
|
||||
d = a ? a.replace(/^(\s*)|(\s*)$/g, "").replace(/(\s)+/g, " ") : "";
|
||||
return !!new RegExp("^((19[0-9]{2})|(2[0-9]{3}))" + b + "((0?[1-9])|(1[0-2]))" + b + "((0?[1-9])|(1[0-9])|(2[0-9])|(3[0-1]))" + c + "$").test(d) && d
|
||||
}, formatTime: function (a) {
|
||||
return /^(\d){1}$/.test(a) ? "0" + a : a
|
||||
}, getDays: function (a, b) {
|
||||
var c;
|
||||
return b < 0 ? (b = 11, a -= 1) : b > 11 && (b = 0, a += 1), b + 1 === 2 && (c = a % 4 == 0 && a % 100 != 0 || a % 400 == 0 ? 29 : 28), [31, c, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][b]
|
||||
}, creatEle: function (a, b) {
|
||||
return (b || document).createElement(a)
|
||||
}, append: function (a, b) {
|
||||
return (b || document.body).appendChild(a)
|
||||
}, setPosition: function (a, b, c) {
|
||||
if (c && "object" == typeof c) return b.style.left = 0, b.style.top = 0, !1;
|
||||
var d = this.getOffset(a), e = d.left, f = d.top, g = b.offsetHeight, h = a.offsetHeight,
|
||||
i = this.resetSizeAttr("scrollTop"), j = this.resetSizeAttr("offsetHeight"), k = f - i;
|
||||
b.style.top = j - k > g ? f + h - 1 + "px" : f - g + 1 + "px", b.style.left = e + "px"
|
||||
}, resetSizeAttr: function (a, b) {
|
||||
return (b || document.body)[a] || document.documentElement && document.documentElement[a]
|
||||
}, getOffset: function (a, b) {
|
||||
var c = b || {left: 0, top: 0};
|
||||
return a && (c.left += a.offsetLeft, c.top += a.offsetTop, a.offsetParent && (a = a.offsetParent, arguments.callee(a, c))), c
|
||||
}, contain: function (a, b) {
|
||||
return document.all ? a.contains(b) : 20 === a.compareDocumentPosition(b) || a === b || null
|
||||
}
|
||||
}, b.enable = function (c, d, e) {
|
||||
b.addEvent(c, "click", function () {
|
||||
a.xvDate.Dates ? a.xvDate.Dates.init(e, d) : a.xvDate.Dates = new b.fn.init(e, d)
|
||||
})
|
||||
}, b.getId = function (a, b) {
|
||||
return a; // 直接返回传入的元素
|
||||
}, b.addEvent = function (a, b, c, d) {
|
||||
a["evt" + b + c] = a["evt" + b + c] || null, a["evt" + b + c] || (a["evt" + b + c] = function (b) {
|
||||
b = b || window.event, b.datas = d || {}, c.call(a, b)
|
||||
}), a.addEventListener ? a.addEventListener(b, a["evt" + b + c], !1) : a.attachEvent && a.attachEvent("on" + b, a["evt" + b + c])
|
||||
}, b.removeEvent = function (a, b, c) {
|
||||
void 0 !== a.removeEventListener ? a.removeEventListener(b, a["evt" + b + c], !1) : void 0 !== a.detachEvent && c && a["evt" + b + c] && a.detachEvent("on" + b, a["evt" + b + c])
|
||||
}, b.fn.init.prototype = b.fn
|
||||
});
|
||||
Reference in New Issue
Block a user