jscalendar 日历控件

 

一. jscalendar
http://www.dynarch.com/projects/calendar/

中文JSBUG
中文语言文件calendar-zh.js有误，

我作了修正，补回了缺失的 Calendar._FD = 0; 语句。(在 calendar-zh.js的41行加入Calendar._FD = 0; )

 cn_utf8.js  UTF8版没有问题.可直接使用

jscalendar日期选择框在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";
        div.style.zIndex = "11111";
    }
    div.appendChild(table);

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。

 

 二 date-picker

DEMO:http://www.frequency-decoder.com/demo/date-picker-v4/

Download:http://www.frequency-decoder.com/demo/date-picker-v4/date-picker-v4.zip

目前是.4.2版本.如果官网有更新.可下载最新版本

官网版本中不包括中文语言包.我制作了一个中文包,

下载:Date-picker 中文包

将zh.js放入日历控件目录/js/lang/下即可. (会自动检测浏览器语言设置进行选择)