前言 日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能，以我们经常抢票的12306网站为例，详细讲解如何解决日历控件为readonly属性的问题。 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面，在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框，从日历控件上点日期，这样操作比较烦躁，并且我们测试的重点不在日历控件上，只是想输入个时间，做下一步的操作
测试过程中经常遇到时间控件，需要我们来选择日期，一般处理时间控件通过层级定位来操作或者通过调用js来实现。
在我们使用部分网站的时候，我们会遇到进行日期选择的问题，比如我们预定火车票或者预定酒店，需要选择发车日期或者酒店的入住与退房时间。我们执行自动化测试遇到日期控件时，如果可以输入，可以使用selenium的send_keys()方法进行输入，playwright同样也可以实现对日期控件的操作，本文我们就来介绍一下playwright的日期控件操作。
和富文本一致，日期控件也是我们经常可常见的控件之一，而且大多数的日期控件都是readonly属性，需要人为的手动去选择对应的时间，很显然，在手工测试中，这是一个很简单，很容易做到的操作，在自动化中，对日期的控件，比手工测试的操作虽然一直，但是比较繁琐。对日期的控件，我们任然使用js来控制，然后通过控制js来实现我们的目的。
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
我们在做增删改查的时候，必可避免的要做表单，那么表单是怎么弄出来的呢？拖拽控件、手写、js创建还是第三方控件（包括js版）？ 以前用服务器控件写了一套表单控件，用起来感觉也挺方便的，只是效率太低，太占用服务器的资源。想了好久也没想到如何提高效率，最后改成了纯js版的。 js属于初学，代码还很简陋，大家见笑了。现在是越学习js，越是感到js的强大！ 需求、目的： 1、 在前台网页，使用js自动创建表单 2、 可以控制表单里的控件类型，比如文本框、下拉列表框、在线编辑器等。 3、 可以获取用户输入的数据
使用bootstrap的日期控件需要单独引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js 详情及文件可以通过下面地址下载：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
前面介绍了jQueryUI的autocomplete ( )对象和effect对象，这篇文章来介绍jQuery的datepicker ( )对象，他的实现效果是当你点击input输入框时，会自动弹出日历控件，选择好日期后会自动填充到输入框中。它的常用参数：appendText：输入框后附加的文字；buttonImage：输入框后的小图片；dateFormat：选中的日期格式；showAnim：显示或隐藏控件时的动画效果；dayNamesMin：控件面板上的表头；changeMonth、 changeYear：是否可以修改月、年；minDate、 maxDate：日历可选择的范围
对 validationEngine.jquery.css 文件进行修改，修改如下：
随着互联网技术的发展，现在的软件系统需要处理的业务越来越复杂，而客户对于软件的需求变化也越来越快，这就要求我们软件从业人员快速响应客户需求。在互联网企业，微服务下的敏捷开发体系、自动化测试、智能运维体系都发展得如火如荼。在前几年也许传统软件行业的还在观望着，但是在devops火热的今天，不少的传统企业也都开始向互联网企业学习，引入devops、敏捷开发中的各种技术，以提高他们的开发效率。
功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。
来源：https://blog.csdn.net/weixin_38023551/article/details/78215803
做自动化过程中，会发现有的按钮点击不了，或者点击没有反应，也没有报错，或者不能处理滚动条等场景，我们可以通过JavaScript定位来解决这些问题。
理想很丰满现实很骨感，在应用playwright实现web自动化时，经常会遇到处理日期控件点击问题，手工很简单，可以一个个点击日期控件选择需要的日期，但自动化执行过程中，完全复制手工这样的操作就有点难了或者是有些复杂啰嗦而且麻烦不过相对于selenium来说，playwright已经很好了。宏哥上一篇已经讲解了如何处理日历时间控件，但是有些网站不知道出于什么原因，对于第一种方法可能会遇到输入框是readonly的情况，禁止输入文本。那么第一种方法就不适用了，但是只要我们换个思路然后稍微的变通地处理一下，就又可以使用了。
-------------------------------------------------------------------------------------
driver.find_element_by_xpath("").get_attribute(属性名称)
JavaScript和ASP.NET的传值 因项目需要，最近一段时间里对于js的开发有了一定的了解。在基于ASP.NET的开发中，经常性的需要JS脚本来增加一些客户端的控制，比如限制输入字符，日期控件等等。一般这样的控制基本上在客户端完成就比较好，无需回传到服务端。总结了最近的开发中使用的一些js的技巧，提供给大家 1、js脚本如何访问服务器控件的值 界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值 var myvalue=documen
理想很丰满现实很骨感，在应用selenium实现web自动化时，经常会遇到处理日期控件点击问题，手工很简单，可以一个个点击日期控件选择需要的日期，但自动化执行过程中，完全复制手工这样的操作就有点难了。宏哥上一篇已经讲解了如何处理日历时间控件，但是对于第一种方法可能会遇到输入框是readonly的情况，那么第一种方法就不适用了，但是只要我们稍微的变通地处理一下，就又可以使用了。
在之前的HTML表单标签中，对于一些功能支持的不够好，比如：文本框提示信息（之前只能通过js和input的事件结合处理）、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能。当然这些东西我们都可以直接通过js和dom元素配合实现这些通用的功能。这些功能或者是标签都已经大量的使用在了现代的Web应用中，而这些公共性的东西在早期的HTML标准没有直接的标准支持，而在HTML5中，新标准直接把这些常用的基本的功能直接加入的新的表单标签中，真正把表单功能异常的强大，那就跟我走一下HTML5智能表单之旅吧!
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
链接：http://pan.baidu.com/s/1sl56aw1 密码：jc2y 页面代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文只是把官网介绍的该插件的特色列出来，并有图为证。个人使用到的最大特色就是对时间的自定义限制。具体的使用方法以及插件详细API请查看官网： http://www.my97.net/demo/index.htm
后台开发，一般都是有筛选条件的查询，那么问题就来了，根据日期范围搜索的情况下，插件要怎么选？？？？
在Web开发中，日历控件是一个常见的组件，用于显示日期并帮助用户选择日期。jQuery日历控件是一款流行的JavaScript库，可以轻松地实现日历功能。在很多应用场景中，我们需要在日历上标识出假日，以提醒用户。本文将介绍如何结合jQuery日历控件和假日数据，实现假日在日历上的显示。
链接：http://pan.baidu.com/s/1qYLQgTQ 密码：5lw3
资源直接搜索 daterangepicker 即可，当然好看的样式可以基于Bootstrap。
在日常开发前端的过程中，像时间日历控件有时候是懒得开发的。这时候就可以借助开源的力量。
readonly属性规定输入字段为只读（不能修改）； readonly属性不需要值，它等同于readonly=“readonly”。
最近需要实现一个在手机上选择时间的功能，当然首先想到的就是时间控件的使用，最后找到一个相对比较合适，在此记录一下。
11月初我们发布了1.4.0里程碑稳定版本，增加了一些新功能包括丰富了查询控件、支持查询JS/CSS增强、支持mongodb、redis、存储过程数据集、支持分组小计、支持图表钻取、条件钻取、支持表格背景设置斑马线、支持分栏功能、支持分版功能、支持动态合并格等等；下面就让我们一起来看一下具体的功能吧。
Python 配合上各式各样的数据相关库，让我们轻松做出各种自动化效果，但是，有时候我们也会羡慕那种界面的操作，毕竟大家都喜欢点点鼠标就能让自动化跑起来。
在Web应用开发中，特别是前端开发中，经常会碰到的一个问题是时间选择问题，幸好Bootstrap已经为我们提供了时间选择控件datetimepicker，但在datetimepicker的实际开发使用中仍然会有一些小问题，例如根据国家来进行显示时间的时区变换。作者也是碰了好多坑之后才把这个控件的用法弄清楚了，记录一下以便给后来者提供参考。
日期选择控件，很多地方都有用到吧，实现方式也是多了去了，笔者曾经写过一个蹩脚的js日期控件，由于太蹩脚，所以就贴代码了。今天介绍的是微软提供的Ajax Calendar控件。这个控件使用了Ajax的效果，并通过前台js和style设置事件和效果。功能丰富、样式自有，实为网站设计、MIS开发之必备控件。
点击上方蓝字“ITester软件测试小栈“关注我，每周一、三、五早上 09:00准时推送，每月不定期赠送技术书籍。
每次表单每个页面提交都要自己写脚本验证信息，老是复制粘贴的很烦，改起来也很麻烦，网上也有大把的表单验证插件，但是感觉用起来不灵活，这就出现了windsformvalid.
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。
layDate 在 layui 2.0 的版本中迎来一次重生。无论曾经它给你带来过多么糟糕的体验，从今往后，所有的旧坑都将弥合。全面重写的 layDate 包含了大量的更新，其中主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。内置强劲的自定义日期格式解析和合法校正机制，含中文版和国际版，主题简约却又不失灵活多样。由于内部采用的是零依赖的原生 JavaScript 编写，因此又可作为独立组件使用。毫无疑问，这是 layui 的虔心之作
jeDate日期控件 -（原生JS版）jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件，包含 多语言、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定
Bootstrap 的时间控件易用且美观，下面将用法记录一下，大家有需要可以直接看官网的介绍，还是很基础的。 网址：http://www.bootcss.com/p/bootstrap-datetimepicker/
在我们使用selenium进行自动化测试的时候，selenium能够帮助我们实现元素定位和点击输入等操作，但是有的时候，我们会发现，即使我们的元素定位没有问题，元素也无法执行操作；也有部分情况是我们无法直接定位滚动条河时间控件来进行操作，这个时候，我们就需要借助JavaScript来解决问题。本文就来给大家介绍一下selenium如何执行JavaScript脚本，以及这种方法的一些常见应用场景和最佳实践。
其实既然可以去除readonly属性，那就可以直接给属性赋值，将两行代码缩为一行。
在阅读本文之前，建议先阅读之前的一篇文章：“面向设计的半封装web组件开发”，便于理解文章的一些解惑。 一、现状 1. 前端发展现状 前端这几年的发展都是有目共睹的，然而，如果按照已经落地投入实践的标准梳理下，会发现，基本上都是偏后的JS开发层面的，比方说Node.js下的前后端分离，MV*库，React.js，各种包管理工具及前端集成解决方案等。 而往前，Shadow DOM, Web Components规范和标准虽然也出现了，给大家看到了方向和未来，但由于兼容性的问题（参见下表），或者可能缺乏优秀
在业务逻辑比较多的系统里面，一般都会涉及到日期的处理。包括选择起始日期和结束日期，结束日期要大于起始日期，日期的显示和输入等。 输入这一块基本都是使用jQuery datetimepicker，后来系统使用Bootstrap，就开始使用bootstrap datetimepicker。不过功能都差不多。 1.日期录入控件 <html> <head> <meta charset="utf-8"/> <title>日期输入</title> <link re
jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合！包含了许多的界面操作功能，如我们常用的表格排序，拖拽，TAB选项卡，滚动条，相册浏 览，日历控件，对话框等 JS插件~~可以很方便的开发用户界面上的功能，使得您的开发工作事半功倍~~不用写繁琐的JS代码。 jQuery UI提供了一个强大的CSS Framework，为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。 jQuery UI是一套基于jquery
表单里面需要各种各样的子控件，像文本、数字、选择、日期等常见的需求，可以由内部提供组件解决，但是其他各种“奇奇怪怪”的需求怎么办呢？
描述: 表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等元素都要放在form标签里面或者进行form的id值的调用，否则提交的数据到不了后端。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
