How to add a Date Picker with H5 Script and the old UI?

fosto

Hi,

I've some troubles by adding a date picker in the OLD UI

It has all the attributes as a standard field but I miss the calendar symbol at the end of the field

Some suggestions?

Many thanks in advance

Fabio

johanna-olsen

This should work in old UI:

  private addDatePicker() {

        const textElement = new TextBoxElement();

        textElement.Name = "DatePicker";

        textElement.Position = new PositionElement();

        textElement.Position.Top = 5;

        textElement.Position.Left = 55;

        textElement.Position.Width = 10;

        textElement.DateFormat = "yyyyMMdd";

        const now = new Date();

        const today = now.toISOString().slice(2, 10);

        textElement.Value = today;

        let contentElement = this.controller.GetContentElement();

        const $dateElem = contentElement.AddElement(textElement);

        $dateElem.inforDateField({

            dateFormat: "yyMMdd",

            hasInitialValue: true,

            openOnEnter: false,

            startDate: new Date(),

            beforeShow: function () {

                if ($(this).val() == "") {

                    $(this).datepicker("setDate", new Date());

                }

            },

        });

    }