大家應該都知道jscalendar這個日期選擇框吧。 當在yui-ext中的dialog使用時，大家應該會想到會發生什么吧。日期選擇框在變灰的背景后面。如下圖：



大家都應該知道引起這個問題的原因是dialog的z-index比日期選擇框的大。ok。我們只要讓日期選擇框的z-index比dialog還要大就ok。。

修改 calendar.js代碼。 讓在創建日期選擇框的div時加上z-index屬性.

    Calendar.prototype.create = function (_par) {
	var parent = null;
	if (! _par) {
		// default parent is the document body, in which case we create
		// a popup calendar.
		parent = document.getElementsByTagName("body")[0];
		this.isPopup = true;
	} else {
		parent = _par;
		this.isPopup = false;
	}
	this.date = this.dateStr ? new Date(this.dateStr) : new Date();

	var table = Calendar.createElement("table");
	this.table = table;
	table.cellSpacing = 0;
	table.cellPadding = 0;
	table.calendar = this;
	Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);

	var div = Calendar.createElement("div");
	this.element = div;
	div.className = "calendar";
	if (this.isPopup) {
		div.style.position = "absolute";
		div.style.display = "none";
		[b]div.style.zIndex = "11111";[/b]	
	}
	div.appendChild(table);

  

粗體是后面加上的。

改后的效果ok。

jscalendar日期選擇框在yui-ext的dialog中的顯示問題。