Smart forms - datumkiezer

Owned by Rieks van der Straaten (Unlicensed)
Last updated: Aug 13, 2018Version comment


De geavanceerde formulierinstellingen op tabblad Smart forms zijn alleen beschikbaar in WGP add-on 'Configuratie en beheer van WebGIS App'. Deze smart form-functionaliteit is ook alleen van toepassing voor de WebGIS App.

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 'picker'-opties 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. In de winter is het verschil één uur. Zie https://time.is/nl/UTC.

De JSON-code voor een datumveld 'date' waarvoor de bovenstaande functies zijn geconfigureerd 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 datumkiezer 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:

Formulier met datumveld - leeg

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

Datumkiezer

Na het selecteren van de datum verdwijnt de datumkiezer en staat de datum in het juiste formaat in het datumveld ingevuld.

Formulier met datumveld - ingevuld

Hierna kun je de ingevulde datum eventueel als feature-info van het betreffende object opvragen:

Datum in feature-info

Gerelateerde pagina's