通过removeAttribute('readonly')和Gauge / Taiko自动选择日期
通过removeAttribute('readonly')和Gauge / Taiko自动选择日期是指在前端开发中，通过JavaScript的removeAttribute方法移除HTML元素的readonly属性，从而使得该元素可以被用户编辑。同时，可以使用Gauge或Taiko等自动化测试工具来实现自动选择日期的功能。
具体步骤如下：
- 使用JavaScript获取需要编辑的日期输入框元素。
- 使用removeAttribute('readonly')方法移除该元素的readonly属性，使其可编辑。
- 使用Gauge或Taiko等自动化测试工具编写脚本，实现自动选择日期的操作。可以通过模拟用户点击、输入等方式来选择日期。
- 运行自动化测试脚本，验证日期选择功能是否正常工作。
这种方法适用于需要在日期输入框中选择日期的场景，例如预约系统、日历应用等。通过移除readonly属性并使用自动化测试工具，可以实现自动选择日期的功能，提高开发效率和测试准确性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/fe
- 腾讯云自动化测试相关产品：https://cloud.tencent.com/product/ate
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mob
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/mu
相关·内容
我无法通过gauage/taiko框架启动chromium浏览器，并且出现以下错误。请让我知道如何解决这个问题？蒂娅！ Error: Browser or page not initialized. Call `openBrowser()` before using this API
04-06-2021 22:53:38.540 [Gauge] [ERROR] Error Message: Error: Failed to launch chrome!
[1889307:1889307:0604/225338.422772:ERROR:browser_main_lo
浏览 66提问于2021-06-06得票数 0
我要指定乞讨和结束日期。
我无法更改默认日期，因为输入框是只读的。或者，我必须从点击日历中选择日期。不知道该怎么做。是否有办法将键发送到只读输入框？
这两个输入框的来源如下：
<div class="date-from">
<h3>From</h3>
<input type="text" readonly="readonly" value="Jan 11, 2020">
浏览 2提问于2020-01-11得票数 1
回答已采纳
所以我有这个Gauge控件：
Gauge.xaml
<Style TargetType="controlsGauge:Gauge">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="controlsGauge:Gauge">
<Viewbox>
<Grid Hei
浏览 14提问于2017-07-06得票数 0
4回答
我遇到了一个JavaScript只读字段的问题。我有一个文本框，我将其设为只读。
if(val == true)
{
ddlCnt.value=objRec.iCntId;
tAdd1.value=objRec.sAddress1;
tAdd2.value=objRec.sAddress2;
tCity.value=objRec.sCity;
tState.value=objRec.sState;
tZip.value=objRec.sZip;
//tAdd1.disabled = tAdd2.
浏览 0提问于2011-05-20得票数 3
回答已采纳
对于我网站上的特定字段，当在Safari iOS上运行它时，键盘不会显示在我的网站上。它可以在网络和Android chrome上运行。 只有当我在safari上选择多选项卡按钮，并再次返回网站时，键盘才会出现。然后，当我选择该字段时，键盘将显示出来。 当我选择改变键盘输入行为的多选项卡按钮时，会有哪些改变？ 更新： 在单击输入文本字段(具有readonly属性)之前： <div class="form-cell password">
<span class="label">Password</span><br
浏览 66提问于2020-01-10得票数 3
回答已采纳
1回答
我正在使用R和RSelenium从一个网站获得一些数据，为此，我必须首先填写一份表格。我必须在表单中定义的元素之一是日期。
包含日期的框具有以下html代码：
<input readonly="readonly" name="Datei" id="Datei" onfocus="popUpCalendar(this, this,'dd/mm/yyyy');return false" maxlength="10" value="" style="width: 200px;
浏览 1提问于2016-01-19得票数 0
回答已采纳
1回答
我通过密码管理器在chrome浏览器中保存了一个密码，下面的输入字段是
<input type="text" placeholder="" formControlName="username" #log_name autocomplete="off">
<input type="password" placeholder="" formControlName="password" #pass autocomplete="off">
每次页面刷新
浏览 3提问于2021-07-13得票数 0
2回答
我很难从网站上的下拉菜单中选择一个日期：
可以看到，有一个带有HTML代码的日历日期下拉菜单。
<input name="txtShareholdingDate" type="text" value="2022/07/15" id="txtShareholdingDate" class="input-searchDate active" data-reset="2022/07/16" readonly="readonly">
选择任意日期的第一个策略是：
from se
浏览 12提问于2022-07-17得票数 1
我有一个密码为“type=”的字段。由于某些原因，我已将该字段设为只读。并且idea在焦点上-我将删除readonly属性。
目前，当我执行以下操作时，我会得到onfocus警报
<input type="password" id="pt" onclick="function hi()
{alert ('hi')}; hi()" readonly>
但下面的onclick代码不起作用：
onclick="function hi(){$(this).removeAttr('readonly')
浏览 0提问于2019-02-02得票数 0
我面临着使用python和selenium从输入字段中删除只读标记的问题。这里有人能帮我吗？
数据采集图像：
HTML：
<input autocomplete="off" spellcheck="false" type="text" placeholder="Select Date and Time" readonly="readonly" class="ivu-input">
这是我试图用来删除标记的代码，但是在脚本运行期间标记仍然是活动的。
a=driver.find_e
浏览 3提问于2020-12-06得票数 1
如何从这个输入字段中删除readonly属性？
<input class=" calendar_field" id="zoom_meeting_room[scheduled_on]" name="zoom_meeting_room[scheduled_on]" readonly="readonly" type="text" value="2020-11-07 12:08">
谢谢
浏览 1提问于2020-11-07得票数 0
回答已采纳
我尝试使用readOnly属性来阻止输入的自动填充。我为移除readOnly属性的focus事件添加了处理程序，为添加readOnly属性的blur事件添加了处理程序。 但它在iOS的任何浏览器中都不起作用。我在this answer中找到了这个问题的可能解决方案。但是当我一个接一个地尝试聚焦<input>时，这个解决方案就不起作用了。例如，当我在<button>之后尝试focus <input>时，一切都很好。 你知道怎么修复它吗？ 现场示例：https://codesandbox.io/s/readonly-for-prevent-autofill-7
浏览 31提问于2021-08-24得票数 0
回答已采纳
如果这个问题已经被问过/回答过了，很抱歉。
我热衷于通过删除字段上的readonly属性并将日期直接传递给它来自动化日期选择器。
我知道使用Selenium、iMacros和其他类似工具可以做到这一点。例如：
@Test
public void CalendarTest()
{
WebDriver driver= new FirefoxDriver();
// Creating JavascriptExecutor interface object Type casting
JavascriptExecutor js =
浏览 15提问于2019-11-30得票数 0
尝试使用Taiko实现UI自动化。尝试上载csv文件，但提供csv文件选择器的id不起作用。在文件上传链接文件启动{attach("/Users/username/Downloads/report.csv"，$(‘*id=“some”’)}的顶部，一个红色的矩形轮廓闪烁，但在控制台中显示以下错误消息。 Error: Node is not a file input element, run `.trace` for more info. HTML ? 我尝试了https://docs.taiko.dev/#filefield中的字段示例 attach('rep
浏览 64提问于2020-07-09得票数 0
回答已采纳
1回答
我看到了一个有两个依赖属性的例子：
public static readonly DependencyProperty CurrentReadingProperty =
DependencyProperty.Register("CurrentReading",
typeof(double),
typeof(Gauge),
new FrameworkPropertyMetadata(Double.NaN,
FrameworkPropertyMetadataOptions.None,
new PropertyC
浏览 2提问于2015-05-22得票数 11
1回答
我需要通过java中的selenium从一个readonly中删除Input tag属性。我使用以下代码删除只读属性，并通过xpath访问输入标记：
WebElement InTag = driver.findElement(By.xpath("//div[@arid='7']//input[@id='arid7']"));
((JavascriptExecutor) driver).executeScript("arguments[0].removeAttribute('readonly','readonly&#
浏览 2提问于2015-01-20得票数 1
我有一个表单和一个文本区字段。我需要让它可编辑，但我不知道怎么做。
<textarea id="note" class="input" type="text" name="note">Suggest changes</textarea>
当我检查元素时，它的readonly属性已经是false，但是它不会让我改变任何东西。
我试过了：
document.getElementsByTagName("textarea")[0].readonly = false;
$("#note"
浏览 0提问于2014-12-05得票数 5
我有两组输入框：
1)“开始日期I”和“结束日期I”
2)“开始日期II”和“结束日期II”
可以在这里看到：
我需要的是，每当用户设置的开始和结束日期的一面，选择的值应该被复制到另一边。
例如:用户设置“开始日期I"，然后设置”结束日期I“，那么脚本将自动将这两个值复制到”开始日期II“和”结束日期II“。如果用户更改了这四个字段中的任何一个，表单应该相应地进行自我更新。换句话说，这两组输入框应该相互镜像。
下面是我当前的代码：
$(function() {
var currentTime = new Date();
$('#report2from1&#
浏览 0提问于2012-03-24得票数 2
回答已采纳
当按下complete button时，我正在尝试禁用edit button。
以下是呈现列表函数
function renderList() {
// This resets the list innerHTML to the new list
el.list.innerHTML = taskList.map(function (data, i) {
return `<div class="task">
<div class="task-content">
<
浏览 9提问于2022-08-14得票数 0
回答已采纳
1回答
所以我有这个Gauge
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controlsGauge="clr-namespace:MyApplication.Controllers">
Gauge.xa
浏览 0提问于2017-07-10得票数 0
回答已采纳
JavaScript：
var editBtn = document.getElementById('editBtn');
var saveBtn = document.getElementById('saveBtn');
var textAreaHtml = document.getElementsByTagName("textarea");
editBtn.addEventListener('click', function (e) {
textAreaHtml[0].removeAttribute('rea
浏览 3提问于2018-01-23得票数 0
回答已采纳
我想为我的Spring引导应用程序添加公制度量。度量标准将通过grafana显示。
我已经找到了很好的集成弹簧执行器与普罗米修斯。
根据示例，我应该实现我的自定义MetricWriter来更新Prometheus CollectorRegistry中相应的Counter或Gauge，如下所示：
class PrometheusMetricWriter implements MetricWriter {
CollectorRegistry registry
private final ConcurrentMap<String, Gauge> counters =
浏览 4提问于2016-11-29得票数 0
回答已采纳
如何在c#中处理web应用程序时从文件中删除只读属性。同样，我也可以通过下面的代码在windows应用程序上做到这一点。
FileInfo file = new FileInfo(@"D:\Test\Sample.zip");
if ((file.Attributes & FileAttributes.ReadOnly) == FileAttributes.ReadOnly)
{
file.IsReadOnly = false;
}
与我在web应用程序中尝试的代码相同，它没有删除只读属性。请帮我解决这个问题。
浏览 0提问于2013-06-12得票数 0
1回答
我有这个示例代码，它不只是在IE中工作。有IE错误吗？
<input type="text" readonly="true" onclick="setReadonlyfalse(this)" />
<script type="text/javascript">
function setReadonlyfalse(ed){
ed.readOnly = false;
}
</script>
我在模拟一种情况，在网格显示编辑器之后，我收到服务器的响应，将编辑器设置为r
浏览 2提问于2014-08-22得票数 2
1回答
我正在尝试使用python和selenium从输入字段中删除只读标记。这里有人能帮我吗？
数据采集图像：
HTML：
<input id="startDate" name="START_DATE" type="text" class="date hasDatepicker" readonly="readonly">
我试过的代码：
driver.execute_script('driver.find_element_by_xpath('"+//*[@id = '
浏览 0提问于2021-12-04得票数 2
回答已采纳
2回答
我需要在Java中使用Selenium readonly编辑一些WebDriver字段。由于Selenium甚至不允许我找到这个字段，所以我搜索了解决方案，发现最简单的方法可能是使用带有readonly的JavaScript片段删除属性。
虽然这个代码片段可以从Firefox控制台成功地从所有输入中删除该属性，但它在Selenium中抛出了一个异常。
JavaScript执行者：
((JavascriptExecutor) driver).executeScript(
"var inputs = document.getElementsByTagName('input&
浏览 2提问于2014-03-28得票数 5
回答已采纳
在rails 3.2.9中，我使用bootstrap的datepicker来显示日期。在一个单一的形式，我需要显示2个字段的日期选择器。如果我点击第一个字段，那么datepicker将会弹出。在那之后，如果我点击“tab”按钮，它将弹出第二个字段的日期选择器，方法是附加到第一个日期选择器。我需要为特定字段的onclick一次显示一个日期选择器。如果我点击“tab”按钮，那么第一个字段的日期选择器应该是隐藏的，第二个字段的日期选择器应该会弹出。
Javascript如下所示
function currentDatePicker(id){
var nowTemp = new Date();
var
浏览 1提问于2013-05-03得票数 0
1回答
有一个表格，单元格的数量可以不同。在我的工作中，我要执行以下任务：
通过双击输入，它应该成为可编辑的，如果用户从它移动焦点，再次-它不能被编辑。与第1点相同，但只对移动设备上的一个点击。。
这是我的代码，但这只是任务的33%。即使您不编写代码，也请告诉我使用哪些函数来实现它。谢谢您:)
<table>
<td><input readonly="true" ondblclick="this.readOnly=false;" value="text"></td>
<td>&l
浏览 0提问于2020-12-17得票数 0
回答已采纳
2回答
下面的图片是我要编辑的文本域。
现在，当我尝试执行以下操作时：
c7 = driver.find_element_by_xpath("/html/body/div[@id='root']/div[@id='wrapper']/div[1]/div[@class='navbar-index']/div[@class='navbar-flex']/div[2]/div[@class='left-flex']/div[@class='modal-background-withmodal'
浏览 0提问于2019-03-27得票数 1
下面是我如何创建文本框：
box = document.createElement("input");
以下是我如何修改文本：
box.setAttribute('value',myString);
但是，每个文本框在我编辑(在火狐中，甚至点击它都会导致这种情况)后，对上面的代码永远没有响应。
此外，有时我希望防止用户表单编辑该值：
box.setAttribute('readonly','true');
但这也会导致这些框从试图编辑它们的程序中永久锁定；box.setAttribute('readonly'，&#
浏览 1提问于2012-08-01得票数 0
回答已采纳
以下是页面源代码片段。
<tr>
<th>Model Name<span class="c-c60000 txtNormal">*</span></th>
<td><table cellpadding="0" cellspacing="0" border="0"><tr><td><input tabindex="-1" readonly="readonly&
浏览 1提问于2018-04-17得票数 1
2回答
我有一个非常简单的选择。当我打开页面时，我只想有一个选项。
<select class="custom-select form-control" id="coreBankingProject" name="coreBankingProject" readonly="true">
<option>{{settings.coreBankingProject}}</option>
</select>
但是我点击了一个按钮
<button type="button
浏览 0提问于2018-05-22得票数 1
我有一个简单的文本区域，我只想要手动换行。
因此，我将css属性white-space:nowrap设置为textarea。
当我给textarea属性只读和禁用的时，手动行在Chrome 69上消失。
下面是一个有用的例子：
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>.</title>
<style>
textarea
{
浏览 1提问于2018-09-27得票数 1
3回答
我有一个问题，你如何切换输入标签从编辑到readOnly，但不使用其他按钮。我有我的。如果您注意到我在div上添加了一个事件。这一个有点傻，因为当他们想编辑时，他们点击输入，然后下一个点击将禁用它。我在某个地方看到了一些东西。他们实现了同样的东西。有我能读到的链接吗？谢谢。
<div id='wasa'>
<input id="date" type="date" value="2018-07-22" >
</div>
JS
const test = document.querySelect
浏览 11提问于2019-09-25得票数 0
回答已采纳
单击按钮edit，上面的textbox属性只读必须禁用。
我该怎么做？
我的剧本
<script>
function myFunction()
{
document.getElementsByTagName("text").readOnly = "false";
}
</script>
在JSP页面中，HTML控件
<input type="text" name="te" value="1" readonly/>
<input typ
浏览 2提问于2014-04-02得票数 0
回答已采纳
当我在表单中点击我的输入"Add“时，我想在提交之前显示一条消息3秒。
我真的不明白为什么我的代码不能工作。当我点击"Add“时，用户就被添加了&我立即被重定向到我的另一个页面。没有消息出现，也没有3秒的延迟。
有人能帮我吗？
$('.form').submit(function() {
$('#feedback').show();
setTimeout(function() {
$('.form').submit();
}, 3000);
});
#feedback {
display: n
浏览 4提问于2019-09-17得票数 3
回答已采纳
在此html和javascript中，当鼠标单击"txtAddName“输入框时，只读将被删除。但是，如果您从第一个字段中选择选项卡，那么readonly属性就不会被删除。
这只发生在IE上。它可以很好的与Chrome。
既然我被困在使用IE，有人有办法解决这个问题吗？
function enableName() {
document.getElementById('txtAddName').removeAttribute('readonly');
}
Employee Number:
<input
浏览 2提问于2020-04-17得票数 0
回答已采纳
目前正在开发Selenium WebDriver并使用Java。我想从下拉列表中选择date range中的值。我想知道如何选择日期选择器中的Date, Month and year值。
以下是HTML标记：
<dd id="date-element">
<input id="fromDate" class="hasDatepicker" type="text" style="width:57px; padding:3px 1px; font-size:11px;" readonly="r
浏览 5提问于2014-01-29得票数 15
回答已采纳
我有一个默认设置为ReadOnly的多行文本框。我想在页面上的一个按钮，以改变控件，以允许它被编辑。我希望这段代码在客户端运行，因为页面渲染很慢，而且我想避免回发。
我遇到的问题是，我为删除readonly属性而编写的javascript代码似乎没有效果。我发布了一个简化的示例，说明了这个问题，供您查看。
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
浏览 0提问于2010-03-06得票数 0
回答已采纳
3回答
函数未定义为C#。
、、、
我试图通过按下按钮来调用函数，但是什么也没有发生，我在控制台中看到了它。
未定义的ReferenceError: AddressInputSet未在HTMLButtonElement.onclick中定义
我是新手，请帮助Asp.NET Core2.2
<h2 class="text-center">Ваши данные</h2>
<form method="post" asp-controller="Profile" asp-action="UserInfo">
<di
浏览 0提问于2019-04-25得票数 1
回答已采纳
我正在处理Windows Store 8.1应用程序项目，希望创建自定义进度条/仪表控件。该类在内部测量一些值，并将它们显示为文本和进度条/量规。值更改应该是动画形式的：
public class CustomGauge : UserControl{
private static readonly DependencyProperty SpeedProperty = DependencyProperty.Register("Speed", typeof(double), typeof(CustomGauge), new PropertyMetadata(null, n
浏览 1提问于2014-02-12得票数 0
我的html中有一个input标签：
<input id="g_name" name="g_name" type="text" readonly/>
将以下代码附加到另一个元素上的触摸事件：
var el = document.getElementById('g_name');
el.value = 'test string'; // set an initial value
el.readOnly = false; // disengage readonly
el.focus
浏览 1提问于2013-10-02得票数 0
4回答
我有一个<input readonly="true">元素。我将其设置为删除readonly属性，并在双击元素时对其进行焦点调整。我可以看到只读属性被删除，光标在文本字段中闪烁。但是，当我打字时，什么都不会发生。如果我再次双击(单击不会做任何事情)，我可以键入。为什么会这样呢？
我正在Chrome上体验这一切。奇怪的是，在Firefox中，只读属性似乎根本不起作用。
浏览 3提问于2016-03-16得票数 1
回答已采纳
我想从约会者中选择日期：
数据收集员的前任：
违约日期:2022年3月9日-2022年3月13日
.html代码：
<input type="text" class="form-control travel-date-section" readonly="" name="daterangepicker" placeholder="Select date range">
<tr>
<td class="weekend off ends off disab
浏览 18提问于2022-03-07得票数 0
回答已采纳
我正在使用带有knockout的bootstrap日期选择器，但它不能正常工作。每当我单击html页面上的任意位置时，它都会调用datepicker、set value和set current date。
请让我知道如何防止调用设置值，直到我从日期选择器控件中选择日期。
这就是我正在做的事情。
<div class="control-group">
<span class="control-label lblWidth">Start Date:</span>
<div class="btn-gro
浏览 0提问于2013-04-16得票数 0
我有一种表单，它防止在填充第一个输入之前填充第二个输入文本，下面是我的代码
function autotab(current,to){
if (current.getAttribute &&
current.value.length==current.getAttribute("maxlength")) {
//to.removeAttr('readonly');
to.focus();
}
}
<
浏览 0提问于2018-10-23得票数 0
回答已采纳
2回答
也许这是一个简单的答案，但我尝试了很多事情，但没有成功。问题是，我的"PropertyChange“总是空的，尽管_gauges的值在附件中作为图片。UPDATE -我添加了更多的代码(WpfControl是定义WindowsFormsHost的地方)。MyControl是托管在我的WPF应用程序中的“表单”
StackPanel
<StackPanel>
<local:WpfControl Width="500" GaugesStatus="{Binding Gauge}" />
</StackPanel>
浏览 11提问于2022-09-13得票数 -1
我对selenium很陌生，我正在尝试将这些值传递到表单中。虽然我能够在普通文本框中传递值，但在onclick datepicker函数中无法成功。这是密码。
import urllib
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.keys import Keys
driver = webdriver.PhantomJS(executable_path="C://Users//phantomjs//bin//
浏览 0提问于2018-03-26得票数 0
回答已采纳
我有一个springboot Kotlin web服务，它使用Actuator (spring-boot-starter-actuator)和测微器(micrometer-registry-prometheus)向prometheus scraper公开指标。 为了监控队列中操作的大小，我使用了一个自定义的量规 val gauge = Gauge.build()
.name("operation_queue_size")
.help("Size of queue")
.register(collectorRegi
浏览 152提问于2020-03-26得票数 1
3回答
我有一个快速的JavaScript问题，因为这不是我的强项，我已经搜索了其他论坛，但似乎无法使它发挥作用。情况是，我有一个HTML，它包括一个由JQuery数据报警器(id=datepicker)驱动的文本框、一个“Get数据”按钮(id=getdata)和3个其他按钮--编辑(id=edit)、保存(id=savechanges)和删除(id=delete) --以及另一个文本框和textarea。
当用户选择日期并单击“获取数据”按钮时，textbox和textarea将填充来自数据库的数据。效果很好。在数据库中的数据填充textbox和textarea之前，在HTML中创建编辑、保存和删
浏览 0提问于2014-03-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
