YUI-Calendar

最新推荐文章于 2020-06-27 11:32:39 发布

lishushan

最新推荐文章于 2020-06-27 11:32:39 发布

阅读量173

点赞数

分类专栏： YUI 文章标签： YUI CSS Yahoo JavaScript Myeclipse ViewUI

本文链接：https://blog.csdn.net/lishushan/article/details/83529082

版权

YUI 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

一共分为三块，
第一块导入依赖的JS文件和CSS文件；
第二块控件实现的JS代码；
第三块插入到<body>当中的控件，实际就是<div>。
一、首先建立一个工程，导入需要的js文件和css文件,放的地方你自己定。
文件分别为：
yahoo.js
event.js
dom.js
calendar.js
calendar.css
代码如下：

1 < script type = " text/javascript " src = " js/yahoo.js " ></ script >
2          < script type = " text/javascript " src = " js/event.js " ></ script >
3          < script type = " text/javascript " src = " js/dom.js " ></ script >
4          < script type = " text/javascript " src = " js/calendar.js " ></ script >
5          < link type = " text/css " rel = " stylesheet " href = " js/calendar.css " />
6          < script >

二，写控制实现的JS代码
代码如下：

1      < script >
2         YAHOO.namespace( " example.calendar " );
3         function init() {
4         YAHOO.example.calendar.cal = new YAHOO.widget.Calendar( " cal " , " calendar " );
5         YAHOO.example.calendar.cal.render();
6          }
7         YAHOO.util.Event.addListener(window, " load " , init);
8        </ script >

说明：
    （1）这段代码放首部或body都可以。
     第二行这里面大家首先看到一个namespce这里必须要的，不是后面的东西找不到。第二行
     第四行    cal和calendar参数的值随便自己取，第二个参数值将要用到第三个模块中。
    第七行 load窗口事件并调用init方法.
三、在body中加入代码