读书人

DHTMLX系列组件的运用(3)dhtmlx日

发布时间: 2012-11-25 11:44:31 作者: rapoo

DHTMLX系列组件的使用(3)——dhtmlx日历应用

1. 初始化

首先将 dhtmlxSuit 中的 dhtmlxCalendar 文件夹下的 codebase 文件夹整个复制到你的项目目录下,然后创建HTML文件。

1.1 引入JS文件和CSS文件

?

1.2 定义用于显示日历的容器

?

1.3 定义生成日历的 JS 函数

?

2. 皮肤设置

2.1 引入样式文件

在上面的基础上,引入 codebase 文件夹下所有的样式文件。

?

2.2 定义下拉列表框

?

2.3 效果预览

DHTMLX系列组件的运用(3)——dhtmlx日历应用DHTMLX系列组件的运用(3)——dhtmlx日历应用

说明:运行后,选择下拉列表框即可改变日历的皮肤。事实上,这里调用了 setSkin 函数,并指定参数即可。

?

3. 基本设置

?然后定义 JS 函数,

function mSelectDate(date) {var year = mCal.getFormatedDate("%Y", date);         alert(year)}
3 楼 yarafa 2010-06-23 刚写错了,在第一种方式中,最好用 Date 对象的 getFullYear 方法

读书人网 >CSS

热点推荐