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

 时间:2026-02-16 06:49:24

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

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

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

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

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

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

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

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

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

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

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

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

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

  • WORD表格中如何清除多出的空白页
  • 三国志战略版10级地怎么打
  • Word中,表格底部的空白页如何删除
  • Word表格后面有空白页,怎么快速删除?
  • word表格怎么删除空白页
  • 热门搜索
    急性中耳炎怎么治疗 dnf心意点怎么获得 晒伤后怎么处理 黑头怎么去除 苔藓怎么养 鞋磨脚后跟怎么办 信用卡怎么提额 咽喉肿痛怎么办 微信英语怎么说 天然气表怎么看