13 js处理日历控件（去掉 readonly ）

Posted 2020-11-30 YLG001

前言：有的日期控件可以输入日期，有的不可以手动输入，对于不可以输入的日历控件，需要先用 js 去掉 readonly 属性，然后直接输入日期文本内容

1、日历控件，以12306为例

 

 2、手动去掉readonly，双击readonly，删除掉，出发日期中就可以手动输入内容了，如下图：

 

 3、js去掉readonly、再输入日期

用 js 去掉元素属性基本思路：先定位到元素，然后用 removeAttribute("readonly")方法删除属性

出发日元素 id 为：train_date，对应 js 代码为： \'document.getElementById("train_date").removeAttribute("readonly");\'