Novinka na webu:programově otevřete nativní výběr data

Není to tak dávno, co jsme konečně získali prvky pro zadávání data podporované různými prohlížeči. Když se k party připojilo Safari, jsme nyní v podpoře prohlížeče zcela zelení, abychom všude mohli zobrazovat nativní výběr data.

Informace o podpoře prohlížeče pro type="date"

20	pravda	12	57	57	14.1	5	1,5	20

Jeden kousek však stále chyběl. Pokud nyní všechny hlavní prohlížeče podporují nativní výběr data, vývojáři požádali o metodu, jak jej programově otevřít.

Pozdravte elem.showPicker() !

const button = document.querySelector("button");
const dateInput = document.querySelector("input");
button.addEventListener("click", async () => {
  try {
    await dateInput.showPicker();
    // A date picker is shown.
  } catch (error) {
    // Use external library when this fails.
  }
});

Nová metoda bude k dispozici v prohlížeči Chromium 99+. Ale není to užitečné pouze při práci s datovými vstupy. showPicker umožňuje otevřít výběr prohlížeče typu date , month , week , time , datetime-local , color a file , také! 👏

Informace o podpoře prohlížeče pro dateInput.showPicker()

99	99	99	101	101	16	16	18.0	99

Webkit a Firefox také projevily zájem o jeho implementaci:

• Firefox bug ticket
• Zápis o chybě Webkit

Mám rád, když dostáváme nové metody DOM!