# Szűrők a Naptár widgethez

> A JetEngine Naptár widget szűrése Dátumtartomány szűrővel: szűrő létrehozása metadátummal, a naptár csoportosítása, a szolgáltató kiválasztása.

A JetEngine **Naptár** (Dynamic Calendar) widgetje egy listing elemeit naptárban mutatja a megadott dátumuk szerint. A JetSmartFilters szűrőivel ezt a naptárat is szűrheted. A példában egy „Események” egyéni bejegyzéstípus bejegyzései szerepelnek, mindegyikhez egyéni mezőben megadott dátummal.

## A szűrő létrehozása

1. Nyisd meg az **Intelligens szűrők → Új hozzáadása** oldalt.
2. Add meg a **Szűrő neve**, a **Szűrőcímke** és az **Aktív szűrőcímke** mezőt.
3. A **Szűrő típusa** listában válaszd a **Dátumtartomány** lehetőséget.
4. Válaszd ki, mi szerint szűrsz: a **Bejegyzés dátuma** egyszerűen a közzététel dátuma, a metadátum pedig az egyéni mezőben tárolt dátum. A példában a metaadat-dátumot választjuk.
5. A **Query Variable** (lekérdezési változó) mezőbe be kell írnod az egyéni mező kulcsát.
   - Keresd meg ezt a kulcsot a bejegyzéstípus bejegyzésében: nyiss meg egy eseményt, görgess a beállításokhoz, és másold ki a dátum mező **nevét** (a példában „date-”).
6. Kattints a **Publish** gombra.

![A Dátumtartomány szűrő beállításai](./kepek/datumtartomany.webp)

*A Dátumtartomány szűrő beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-smart-filters)

A képen a **Dátumtartomány** szűrő látszik. A lekérdezési változó értékének meg kell egyeznie az egyéni mező kulcsával.

## A Naptár widget beállítása

1. Nyisd meg az oldalt, és húzd a **Naptár** widgetet a kívánt szekcióba.
2. A **Listing** mezőben válaszd ki az események listing elemét.
3. Válaszd ki, mi alapján csoportosítja a bejegyzéseket a naptár:
   - **Posts publication date**: a bejegyzést a létrehozása napján mutatja.
   - **Post modification date**: a bejegyzést az utolsó módosítás napján mutatja.
   - **Date from the custom field**: a bejegyzést az egyéni mezőben megadott napokon mutatja.
4. A példában az egyéni mező dátumát választjuk, és a **Meta field name** mezőbe beírjuk a mező nevét („date-”).

## A szűrő widgetje

1. Húzd a **Date Range Filter** widgetet az oldalra.
2. Az **Általános** beállításoknál válaszd ki a létrehozott szűrőt.
3. A **This filter for** listában válaszd a **JetEngine Calendar** szolgáltatót.
4. Kattints a **Publish** gombra, és próbáld ki a nyilvános oldalon.

A szűrő ugyanígy működik a Listing Griddel is ([Szűrők a Listing Gridhez](https://hub.hellowp.io/hu/plugins/jet-smart-filters/widgetek-listing-grid/)). A dátumtartomány szűrő minden beállítását a [Szűrőtípusok](https://hub.hellowp.io/hu/plugins/jet-smart-filters/szurotipusok/) fejezet tartalmazza.