JSON-code

Op tabblad Smart forms van pagina Formulier beheren (in WGP Beheer) kun je in de JSON-code met type type 'wgpdatepicker' de volgende eigenschappen voor een datumveld configureren: 

...

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 (prikker-optie 'useCurrent')
• Wel of geen tijdsaanduiding (prikker-optie 'usetime')
• Een gespecificeerd datumformaat (prikker-optie 'format')

De JSON-code voor het een datumveld 'date' waarvoor de bovenstaande functies zijn geconfigureerd ziet er bijvoorbeeld als volgt uit:

{
  "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"
  }
}

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:

Image Added

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).

Image Added

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

Image Added

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

Image Added

Gerelateerde pagina's

...