layui實現季度選擇

var dateParm = ''

	lay('#version').html('-v' + laydate.v);
	$Date = laydate;

	//季節選擇
	renderSeasonDate(document.getElementById('date'), 1);

	/** 
	 * 季度初始化 
	 * @param ohd 季度input dom對象非jquery對象 
	 * @param sgl 有值單個,無值默認範圍
	 */
	function renderSeasonDate(ohd, sgl) {
		var ele = $(ohd);
		$Date.render({
			elem: ohd,
			type: 'month',
			format: 'yyyy年M季度',
			min: "1900-1-1",
			max: "2099-12-31",
			btns: ['clear', 'confirm'],
			ready: function(value, date, endDate) {
				var hd = $("#layui-laydate" + ele.attr("lay-key"));
				if(hd.length > 0) {
					hd.click(function() {
						ren($(this));
					});
				}
				ren(hd);
			},
			done: function(value, date, endDate) {
				if(!isNull(date) && date.month > 0 && date.month < 5) {
					ele.attr("startDate", date.year + "-" + date.month);
					dateParm = 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", "");
				}
			}
		});

		var ren = function(thiz) {
			var mls = thiz.find(".laydate-month-list");
			mls.each(function(i, e) {
				$(this).find("li").each(function(inx, ele) {
					var cx = ele.innerHTML;
					if(inx < 4) {
						ele.innerHTML = cx.replace(/月/g, "季度");
					} else {
						ele.style.display = "none";
					}
				});
			});
		}
	}

	function isNull(s) {
		if(s == null || typeof(s) == "undefined" || s == "") return true;
		return false;
	}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章