我试图单击一个元素,然后在此之后要选择今天和最后一天之间的日期。
这是图像
我可以单击“已添加位置的日期”元素,但我被困在这里“如何选择“首个日期选择器”并选择最后一天,然后单击“至”并选择今天的日期。
这是xpath
//*[contains(text(), 'Position Added Date:')]/input[@class='datetime-picker-date']
这是单击下拉列表后正在显示的元素代码
<div class="jquery-ui-v1-10-3 dropdown-filter-edit-popup group" data-bind="control: EditorPopup" style="display: block;">
<a class="clear-filters" href="#" data-bind="click: Clear, css: { disabled: !CanClear() }">Clear Items</a>
<button data-bind="visible: HelpButtonVisible, click: HelpClick, css: {close: HelpOpen() == true }" class="help close" style="display: none;"></button>
<div class="filter-content" data-bind="control: EditViewModel, event: { keydown: EditorKey }"><div class="date-range-filter Edit">
<div class="form-group">
<label class="">From:</label>
<div data-bind="control: From" class=""><!-- ko if: !HideDate -->
<input type="text" class="datetime-picker-date hasDatepicker input-sm" data-bind="value: Date, valueUpdate: 'keyup', jqWidget: { datepicker: DatePickerArgs }, assignTo: DateField, attr: { 'readonly': IsReadOnly() }, enable: IsEnabled, css: { 'input-sm': SmallSize }" id="dp1474822442990">
<!-- /ko -->
<!-- ko if: !HideTime --><!-- /ko --></div>
</div>
<div class="form-group">
<label class="">To:</label>
<div data-bind="control: To" class=""><!-- ko if: !HideDate -->
<input type="text" class="datetime-picker-date hasDatepicker input-sm" data-bind="value: Date, valueUpdate: 'keyup', jqWidget: { datepicker: DatePickerArgs }, assignTo: DateField, attr: { 'readonly': IsReadOnly() }, enable: IsEnabled, css: { 'input-sm': SmallSize }" id="dp1474822442991">
<!-- /ko -->
<!-- ko if: !HideTime --><!-- /ko --></div>
</div>
</div>
</div>
</div>
我不能使用id,因为它们是动态的。
请指教。
谢谢
最佳答案
不用打开日历并选择日期,您可以使用.sendKeys()
以如下所示的适当格式输入日期:-
WebDriverWait wait = new WebDriverWait(driver, 10);
输入
From
日期:-wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div[data-bind*='From'] > input.datetime-picker-date"))).sendKeys("From data in expected date format");
输入
To
日期:-wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div[data-bind*='To'] > input.datetime-picker-date"))).sendKeys("To date in expected date format");