如何将此 Datepicker 与 Puppeteer 一起使用

Question

我想从以下页面抓取航班数据： https://www.airprishtina.com/de/

我设法 select 机场，但这个页面有一个 Datepicker，我不知道如何以编程方式使用它。 单击开始日期输入，我可以打开日期选择器，

await page.click('#txt_FromDateText');

但是我需要对 select 日期/日期范围做什么？ 我试图等待一个日期选择器并单击一个，但这不起作用。

const daySelector = '.available.flight-present';
await page.waitForSelector(daySelector);   
const elements = await page.$('.available');
const el = Array.from(elements).filter(el => {
    return el.dataset.usrDate === '2019-10-26';
})[0];
console.log(el);
await el.click();

console.log ist 打印元素，但它没有在 datepicker 中被选中。 我究竟做错了什么？

感谢您的任何提示。

Answer 1

解决方案是从#txt_FromDateText 元素中删除只读属性。

await page.focus('#txt_FromDateText');
await page.$eval('#txt_FromDateText',(e) => e.removeAttribute("readonly"));

然后您可以使用“await page.type”输入任何日期。

:)

Answer 2

select 你的日期
await page.focus('#txt_FromDateText');

如果您的日期是其他格式，只需相应地更改它。
await page.keyboard.type('20191026');

Answer 3

如果你想 select 一个特定的日期，你可以这样做：

await page.$eval('#txt_FromDateText', el => el.value = '2021-03-02');