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

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

1、日历控件,以12306为例

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

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

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

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

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

时间: 2024-11-02 09:44:43

13、 js处理日历控件(去掉 readonly )的相关文章

selenium - js日历控件处理

# 13. js处理日历控件 ''' 在web自动化的工程中,日历控制大约分为两种: 1. 可以直接输入日期 2. 通过日历控件选择日期 基本思路: 利用js去掉readonly属性,然后直接输入时间. ''' from selenium import webdriver driver = webdriver.Chrome() driver.get('https://www.12306.cn/index/') js_pha = 'document.getElementById("train_da

Selenium2+python自动化25-js处理日历控件(修改readonly属性)【转载】

前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一.日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件上点日期,这样操作比较烦躁,并且我们测试的重点不在日历控件上,只是想输入个时间,做下一步的操作 3.用firebug查看

Selenium2+python自动化25-js处理日历控件(修改readonly属性)

本篇转自博客:上海-悠悠 原文地址:http://www.cnblogs.com/yoyoketang/tag/js/ 前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一.日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件

简洁JS 日历控件 支持日期和月份选择

原文出处 以下这个JS日历控件是我的闲暇之余自己编写的,所有的代码全部在IE7/IE8/Firefox下面测试通过, 而且可以解决被iframe层遮盖的问题.现在只提供两种风格(简洁版和古典版)和两种语言(英文和中文).支持自定义日期格式,设定时间范围. 默认为古典版,英文,下面来看简单的缩略图. 首先是简洁版: 日期选择器: 月份选择器: 然后是古典版: 日期选择器: 日期选择器中文语言 月份选择器 下面是使用方法: 在要使用这个控件的页面上引入这个JS <script type="te

简洁js日历控件的使用

往Web工程添加纯js日历控件 在网上找到了DatePicker.js(http://www.cnblogs.com/shenyixin/archive/2013/03/11/2954156.html),就试一试是否要用. 第一步:web 工程中新建js文件,名字就叫DatePicker.js 第二步:在html标签中使用,使用方法可参考上面链接的说明. <%@ page language="java" contentType="text/html; charset=U

利用JS实现Web日历控件(包括日期和时间)

1.由于项目需要,需要一个精确到分钟的日历控件,具体如下图所示. 2.具体包括WebCalendar.js和一个schedule.jsp两个文件,源码如下. (1)WebCalendar.js var cal; var isFocus=false; //是否为焦点 var pickMode ={ "second":1, "minute":2, "hour":3, "day":4, "month":5, &q

JS日历控件 灵活设置: 精确的时分秒.

在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮 及 今天 和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮 就可以返回当前的年月份. 配置项如下:

selenium处理富文本框,日历控件等 调用JS修改value值

http://blog.csdn.net/fudax/article/details/8089404 document.getElementById("js_domestic_fromdate").value = "2014-10-10" selenium处理富文本框,日历控件等 调用JS修改value值,布布扣,bubuko.com

js非常强大的日历控件fullcalendar.js, 日期时间库: moment.js

日历控件: https://fullcalendar.io/docs/ https://fullcalendar.io/docs/event_data/events_function/ https://fullcalendar.io/docs/event_data/Event_Object/ https://fullcalendar.io/docs/mouse/eventClick/ <!DOCTYPE html> <html> <head> <meta char