Layui时间选择器选择季度
老项目二期运维增加新功能,需要年份以及季度
// An highlighted block
<script type="text/javascript" src="你的地址/layui/layui.js"></script>
<link type="text/css" href="你的地址/layui/css/layui.css" rel="stylesheet" />
<input type="text" class="demo-input" placeholder="请选择季度" id="quarterNum" name="quarterNum">
<script>
renderSeasonDate(document.getElementById('quarterNum'), 1);
function renderSeasonDate(ohd, sgl) {
let ele = $(ohd);
let laydate = layui.laydate;
laydate.render({
elem: ohd,
type: 'month',
format: 'yyyy-M',
btns: ['clear', 'confirm'],
ready: function (value, date, endDate) {
let hd = $("#layui-laydate" + ele.attr("lay-key"));
if (hd.length > 0) {
hd.click(function () {
quarter($(this));
});
}
quarter(hd);
},
done: function (value, date, endDate) {
if (!isNull(date) && date.month > 0 && date.month < 5) {
ele.attr("startDate", date.year + "-" + date.month);
} else {
ele.attr("startDate", "");
}
if (!isNull(endDate) && endDate.month > 0 && endDate.month < 5) {
ele.attr("endDate", endDate.year + "-" + endDate.month)
} else {
ele.attr("endDate", "");
}
}
});
};
function genTime(opt) {
let now = new Date();
let year = now.getFullYear();
let mth = now.getMonth();
let day = now.getDate();
let month = mth + 1;
if (month < 10) {
month = '0' + month
}
if (day < 10) {
day = '0' + day
}
let str;
if (opt == 'day') {
str = year + '-' + month + '-' + day;
} else if (opt == 'month') {
str = year + '-' + month;
}
return str;
}
function quarter(thiz) {
let mls = thiz.find(".laydate-month-list");
mls.each(function (i, e) {
$(this).find("li").each(function (inx, ele) {
let cx = ele.innerHTML;
if (inx < 4) {
ele.innerHTML = cx.replace(/月/g, "季度");
} else {
ele.style.display = "none";
}
});
});
}
function isNull(quarter) {
if (quarter == null || typeof (quarter) == "undefined" || quarter == "") return true;
return false;
}
</script>