Campi Filtro
Date
Selettore data singola con formato configurabile.
Panoramica
Campo data singola. Genera un filtro eq.YYYY-MM-DD con conversione automatica da oggetto Date a stringa ISO.
Anteprima live
Tipo
type: 'date'
Configurazione
import type { DateFieldConfig } from '@pzeta/vue-ricerca'
const field: DateFieldConfig = {
key: 'datanascita',
type: 'date',
label: 'Data di nascita',
dateFormat: 'dd/mm/yy',
showButtonBar: true,
postgrest: { operator: 'lte' },
}
Props specifiche
| Prop | Tipo | Default | Descrizione |
|---|---|---|---|
key | string | — | Chiave nel model |
label | string | — | Label del campo |
placeholder | string | — | Placeholder |
dateFormat | string | 'dd/mm/yy' | Formato data visualizzato |
showButtonBar | boolean | false | Barra pulsanti Oggi/Cancella |
colSpan | number | 1 | Colonne grid occupate |
visible | boolean | Ref<boolean> | true | Visibilità reattiva |
Query PostgREST generata
La data viene auto-convertita al formato YYYY-MM-DD:
// filters.datanascita = new Date('2024-03-15')
// { datanascita: 'eq.2024-03-15' }
// Con operator: 'lte'
// { datanascita: 'lte.2024-03-15' }