首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-11-25 
DHTMLX系列组件的使用(3)——dhtmlx日历应用1. 初始化首先将 dhtmlxSuit 中的 dhtmlxCalendar 文件夹下的 co

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 方法

热点排行