JS日期控件使用指南

前端开发中，用户输入日期时若直接使用文本框，易导致格式混乱或输入非日期内容，影响数据规范性与后续处理，因此需采用更可靠的日期输入方式来确保信息准确统一。

1、 通过百度搜索jquery easyui，前往官网下载所需的脚本库文件。

2、 在页面中引入相应的脚本库和easyui样式文件，务必包含该样式文件。

3、 对应的HTML非常简单，仅包含一个常见的输入框元素。

4、 通过脚本初始化日期控件，效果所示。

5、 通过调用 $$(date_input).datebox() 实现日期输入框功能。

6、 使用常用input控件的ID，直接调用datebox方法即可。

7、 所示，仅需简单一两行代码，即可生成美观的日期选择控件。

8、 观察上图可见日期控件显示英文，应如何将其调整为中文界面？

9、 easyui 已内置多语言支持，只需引入对应的语言文件即可实现界面文字的本地化。例如，引入中文语言包后，控件上的文本便会自动显示为中文。若需其他语言，同样可引入相应的语言文件，easyui 目前提供了二十多种语言的支持，方便快捷地满足国际化需求。

10、 使用日期控件时，不少用户发现初始化后无默认日期，查阅文档也未找到设置初始日期的参数。

11、 发现日期控件提供了一个可调用的setValue方法，通过该方法设置默认值后，在页面加载完成后即可自动显示所设定的日期。