Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

JSON-code

Op tabblad Smart forms van pagina Formulier beheren (in WGP Beheer) kun je in de JSON-code met type 'wgpdatepicker' een datumveld zo configureren dat je een datum via een kalender (datumkiezer) kunt selecteren. Met de opties van type 'picker' kun je voor het datumveld bovendien de volgende eigenschappen instellen: 

  • Automatische selectie van de huidige datum (optie 'useCurrent')
  • Wel of geen tijdsaanduiding (optie 'usetime')
  • Een gespecificeerd datumformaat (optie 'format')

De configuratie van het datumformaat is belangrijk voor het correct opslaan van de datum in de database. Veel databases gebruiken het formaat "YYYY-MM-DDTHH:mm:ssZ", waarbij de Z voor Zoeloe-tijd staat (Greenwich Mean Time of UTC +0). In de zomer verschilt deze tijd 2 uur met die in Nederland: de tijd hier is dan 2 uur later dan UTC +0. Zie https://time.is/nl/UTC.

De code voor het datumveld 'date' ziet er bijvoorbeeld als volgt uit:

 Voorbeeldcode type 'wgpdatepicker'
{
  "schema": {
    "type": "object",
    "title": "Gebruik het goede datumformaat",
    "properties": {
      "date": {
        "type": "text",
        "format": "date",
        "title": "Datum gewijzigd"
      }
    }
  },
  "options": {
    "focus": "",
    "fields": {
      "date": {
        "label": "Datum",
        "type": "wgpdatepicker",
        "picker": {
          "usetime": true,
          "useCurrent": true,
          "format": "YYYY-MM-DDTHH:mm:ssZ"
        },
        "inputGroup": {
          "after": {
            "icon": "icon icon-calendar-1"
          }
        }
      }
    }
  },
  "view": {
    "locale": "nl_BE"
  }
}

Door aan de optie 'focus' een lege waarde toe te kennen, wis je de focus van het formulier en voorkom je dat de kalender meteen al verschijnt bij het openen van het formulier.


Gebruik in de app

De volgende afbeelding laat zien hoe het formulier met het geconfigureerde datumveld er in de WebGIS App uitziet voordat je een datum hebt geselecteerd:

Na het aanraken van het veld verschijnt de kalender waaruit je een datum en tijd kunt selecteren. Standaard is al de huidige datum geselecteerd (de huidige tijd is dat niet).

Na het opslaan van de datum verdwijnt de kalender en staat de datum met het juiste formaat in het datumveld ingevuld.

Hierna is de ingevulde datum als feature-info op te vragen:

Gerelateerde pagina's

  • No labels