如何利用My97日历控件控制输入框只显示不能选择

1、第一步，打开HBuilder开发工具，新建一个Web项目My97，并将相关的My97DatePicker核心文件拷贝到js文件夹中，文件相互引用的路径正确，如下图所示：

2、第二步，在Web项目新建文件夹page，并在该目录菜单下新建静态页面date.html，如下图所示：

3、第三步，这里需要jquery，所以将jquery和My97DatePicker核心js引入到静态页面中，注意引入先后顺序，如下图所示：

4、第四步，在body标签内部插入一个div标签，div元素内插入input输入框，输入框添加My97DatePicker点击事件，如下图所示：

5、第五步，input输入框添加属性readonly并给日历控件赋当前日期，如下图所示：

6、第六步，完毕后发现还是可以重新选择或修改日期，然后将“readonly”改为“disabled”，再次预览日期无法编辑，如下图所示：