Dojo Toolkit 是一个强大的 ">JavaScript 库，支持 Web 开发人员使用面向对象的小部件，用最少的开发时间和工作量来创建富 Internet 应用程序。Dojo Toolkit 提供了 4 个包，它们分别是 Dojo（核心）、Dijit（UI 框架）、dojox（dojo 扩展）和 util。您可以原封不动地使用该工具包提供的功能，也可扩展它们并创建自己的小部件。提供的功能包括 DOM 操作、使用 AJAX 开发、事件、数据存储等。
Dijit（dojo 小部件）包是 dojo 自己的 UI 库，它包含一组 dojo 类，使开发人员能够以最少的工作创建功能丰富且强大的跨平台 Web 2.0 接口。这些 Dijit 小部件（或 dijit）支持一些易于操作的主题。这个包中的 dijit 示例包括按钮、文本字段、编辑器、进度条等。
举例而言，您可以使用这些 dijit 创建一个提交表单，其中包含用于名称、电子邮件地址和电话号码的文本字段，以及日期字段、复选框、按钮和验证，所有这些在几分钟即可完成，需要的 JavaScript 知识也极少。
提供的一个功能最丰富的 dijit 是 Calendar dijit，它支持在一个月的上下文中显示日历。用户可轻松地逐月、逐年导航，或者跳到同一年中任一个月，以选择特定的日期。
在开发富 Internet 应用程序 (RIA) 时，通常可以原封不动地使用 dijit。但是，有时您可能需要使用不同的样式（比如更改颜色或主题），或者需要进行更复杂的更改，其中可能需要结合使用某些功能、模板和样式更改。要满足这些需求，则需要从头创建一个新的自定义小部件，也可以创建一个扩展现有 dijit 的自定义小部件。
本文提供了一个练习，在这个练习中，您需要在自己的网站上使用 Calendar 小部件的不同变体。为了满足此需求，您需要创建一个新类。此练习使用了 Dojo version 1.7，提供了探索 Calendar dijit 的机会和以极少的改动重用现有 dijit 来节省开发时间的方式。您还会看到在 Dojo 1.7 中声明的一个新类的实用示例，探索一些 Dojo 基础功能，比如数据操作、hitch、发布和订阅等。
问题
在此练习中，您将使用 Calendar dijit 的一个具有以下需求的自定义版本：
日历应仅显示当月的日期（隐藏和禁用不属于当月的日期）。 日历应仅在底部显示当前年份（没有去年或明年）。 日历应在日历小部件底部显示当月的名称。 用户无法跳到任何其他月份（禁用顶部的月份下拉按钮）。 提取日历顶部显示的用于逐月移动（向后或向前）的箭头，将日历旁边的箭头显示为 dijit 按钮。这两个新按钮是用户更改月份的惟一方式。 具有最小和最大边界日期，这意味着所有在此边界外的日期都应该是禁用和不可访问的。 在到达边界日期时，禁用相应的月份导航按钮。 向日历中选定的日期添加特殊的样式。 当用户选择某个日期时，将该日期传递给一个将处理新选择的值的函数。
解决方法是创建一个自定义小部件，这个小部件通过使用 JavaScript 和 CSS 编辑 Calendar dijit 来开发。图 1 显示了应用上面需求之前（左侧）和之后（右侧）的 Calendar 小部件。
图 1. 标准 Calendar dijit 与自定义 Calendar 小部件的对比
为此，您将需要创建 3 个文件：
Dijit 模板：一个将显示自定义小部件的组件的标记文件。 Dijit 类：一个使用声明 (JavaScript) 创建的小部件类。 CSS 文件：包含所有必要的样式表类。
图 2 显示了自定义小部件的文件结构和位置。您的起点是 index.html，它在本示例中充当了小部件的控制器。simple.css 文件将包含所有样式。
图 2. 文件结构