topic Re: How do I add a dijit/form/DateTextBox to a widget? in Web AppBuilder Custom Widgets Questions

How do I add a dijit/form/DateTextBox to a widget?

DirkVandervoort — Sun, 12 Dec 2021 09:30:36 GMT

From dijit/form/DateTextBox — The Dojo Toolkit - Reference Guide

Uses claro css.

In widget.html:

<div>
 <label for="date1">Drop down Date box:</label>
 <input type="text" name="date1" id="date1"
 data-dojo-type="dijit/form/DateTextBox"
 required="true" />
</div>‍‍‍‍‍‍‍‍‍‍‍‍

And in widget.js I've defined dijit/form/DateTextBox.

Yet my results are less than pleasing :

Any direction and/or clue would be appreciated. TIA

Re: How do I add a dijit/form/DateTextBox to a widget?

RobertScheitlin__GISP — Tue, 01 Aug 2017 15:51:49 GMT

Dirk,

In your widget.js do you have _WidgetsInTemplateMixin as part of your declare array?

Re: How do I add a dijit/form/DateTextBox to a widget?

DirkVandervoort — Sun, 12 Dec 2021 09:30:39 GMT

DOH! Got it working. Needed to define DateTimeBox:

define(['dojo/_base/declare',
    'jimu/BaseWidget',
    'dijit/form/DateTextBox',
    'dijit/_WidgetsInTemplateMixin',
    'esri/graphic' ],
  function(declare,
      BaseWidget,
      DateTextBox,
      _WidgetsInTemplateMixin,
      Graphic) {
    //To create a widget, you need to derive from BaseWidget.
    return declare([BaseWidget, _WidgetsInTemplateMixin], {
      // Custom widget code goes here‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How do I add a dijit/form/DateTextBox to a widget?

Anonymous User — Thu, 19 Apr 2018 13:10:54 GMT

Hi Dirk,

could you show me the whole code for your widget?

so the html and js files?

I still can't get my datetimebox working...