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

...

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 Modified

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

Image Modified

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

Image Modified

Hierna is kun je de ingevulde datum eventueel als feature-info op te vragenvan het betreffende object opvragen:

Image Modified

Gerelateerde pagina's

...