简单的日历
这是一个简单的日历测试用例。 演示: :
下面的注释旨在解释我所做的某些关键设计选择。
jQuery 插件方法
我选择将日历实现为 jQuery 插件,以遵循 jQuery 扩展指南; 这种方法允许以各种方式安装日历,并且无需通过配置对象自定义标签/输入。
但是,可以创建会生成此类标签/输入的速记。
日历作为单身人士
我选择采用单例风格的日历行为方法。 一次不可能显示多个日历弹出窗口:我认为这种行为对用户来说是清晰直观的; 多个弹出窗口可能会使屏幕发出咔嗒声。
窗帘
我冒昧地实现了 0.25-black 窗帘,以帮助用户专注于日历弹出窗口。 出于同样的原因,当弹出窗口可见时禁用 document.body 滚动:这种策略允许用户专注于日期选择。
如果这种方法听起来无效,只需删除 $curtain 初始化代码即可轻松重构插件。
造型
我选择将所有样式放在 simplec