码迷,mamicode.com
首页 > Web开发 > 详细

13、 js处理日历控件(去掉 readonly )

时间:2019-11-05 12:01:38      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:mic   readonly   attr   基本   rem   img   日历   com   document   

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

1、日历控件,以12306为例

技术图片

 

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

技术图片

 

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

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

出发日元素 id 为:train_date,对应 js 代码为: ‘document.getElementById("train_date").removeAttribute("readonly");‘

技术图片

 

 

13、 js处理日历控件(去掉 readonly )

标签:mic   readonly   attr   基本   rem   img   日历   com   document   

原文地址:https://www.cnblogs.com/yhms/p/11797556.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!