Hey there! Let's figure out why your Selenium C# code for picking dates isn't working, and fix it up. DatePickers can be tricky because they come in all shapes and sizes—native HTML ones, custom calendar popups, you name it. Let's break down common issues and solutions step by step.

• The DatePicker is a custom component (not a native HTML <input type="date">), so direct SendKeys() won’t work
• Elements are hidden or not interactable until the picker popup is explicitly opened
• Timing issues: your code tries to interact with elements before they’ve fully loaded
• You’re attempting to select a disabled date (marked with classes like disabled or unavailable)

1. Native HTML5 DatePicker (<input type="date">) #

If your DatePicker is a standard HTML5 input, this is the simplest fix. Native inputs accept dates in yyyy-MM-dd format directly, no need to click a popup:

// Locate the date input element
IWebElement dateInput = driver.FindElement(By.Id("your-date-input-id"));
// Clear any pre-filled value first
dateInput.Clear();
// Send the date in the required format
dateInput.SendKeys("2024-05-20");

This method is super reliable because it bypasses the popup entirely.

2. Custom Calendar Popup DatePicker #

For custom div-based calendars, you’ll need to open the popup first, then navigate to the target year, month, and day:

// Step 1: Open the date picker popup
IWebElement datePickerTrigger = driver.FindElement(By.CssSelector(".date-picker-trigger"));
datePickerTrigger.Click();

// Step 2: Wait for the calendar to load (use explicit waits instead of Thread.Sleep!)
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
IWebElement calendarPopup = wait.Until(ExpectedConditions.ElementIsVisible(By.CssSelector(".calendar-container")));

// Step 3: Select the target year (adjust selectors to match your page)
IWebElement yearSelector = calendarPopup.FindElement(By.CssSelector(".year-dropdown"));
yearSelector.Click();
IWebElement targetYear = calendarPopup.FindElement(By.XPath($"//div[text()='2024']"));
targetYear.Click();

// Step 4: Select the target month
IWebElement monthSelector = calendarPopup.FindElement(By.CssSelector(".month-dropdown"));
monthSelector.Click();
IWebElement targetMonth = calendarPopup.FindElement(By.XPath($"//div[text()='May']"));
targetMonth.Click();

// Step 5: Select the target day (skip disabled dates)
IWebElement targetDay = calendarPopup.FindElement(By.XPath($"//td[text()='20' and not(contains(@class, 'disabled'))]"));
targetDay.Click();

Pro tip: Use Chrome DevTools to inspect your calendar’s HTML structure and update the selectors/XPaths to match your specific component.

3. Fix Timing & Interactability Issues #

Most failures happen because elements aren’t ready when your code runs. Replace Thread.Sleep() with explicit waits to ensure elements are interactable:

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(15));
// Wait for the element to be clickable before interacting
IWebElement dateElement = wait.Until(ExpectedConditions.ElementToBeClickable(By.Id("your-element-id")));
dateElement.Click();

This makes your code far more stable across different load speeds.

4. Bypass Read-Only Inputs #

If the date input is marked as readonly and won’t accept SendKeys(), use JavaScript to directly set the value:

IWebElement dateInput = driver.FindElement(By.Id("readonly-date-input"));
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
js.ExecuteScript("arguments[0].value = '2024-05-20';", dateInput);

This method skips the UI interaction and modifies the DOM directly, which works for many custom DatePickers.

• Inspect the DatePicker with Chrome DevTools to confirm its type (native vs. custom)
• Check if target dates have disabled classes that block selection
• Enable Selenium logs to see exact errors (e.g., "element not found" or "element not interactable")

内容的提问来源于stack exchange，提问作者shaimaa