js如何点击文本框弹出一个calendar控件

1、我们百度搜索jquery easyui，打开官方网站后，把插件下载回来。

2、下载回来后，把对应的脚本文件放到自己的网站目录里面，然后在页面上引入对应的脚本文件。先引入jquery脚本文件，再引入easyui对应的脚本文件。

3、另外还要引入对应的样式文件，这些样式文件也要放进自己的网站目录里的。

4、然后我们的html代码就很简单了，直接新建一个inpurt控件，最关键的地方就是为它添加一个class='easyui-datebox'，这样就会自动为我们创建一个日期输入框的，任何js代码都不需要了。

5、打开页面，可以看到现在页面上已经生成一个日期输入框了。

6、点击右边的日期图标，就会弹出日期选择窗口的，点击一个日期。

7、点击后，日期窗口自动关闭，所选择的日期就已经显示在输入框里了。借助这个脚本插件，我们很容易就为页面添加一个日期控件了。