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

 时间:2026-04-22 01:26:03

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表格怎么删除空白页
  • 热门搜索
    百度经验怎么赚钱 欧拉怎么样 罗宋汤怎么做 验血报告单怎么看 鸡蛋果怎么吃 怎么转呼啦圈 长门的轮回眼怎么来的 蛤蜊怎么读 鸡皮疙瘩皮肤怎么治 鹿茸片怎么吃