Angular UI ShowDialog with Datefield and dropdown

Legacy Contributor

Hi,

I am trying to create a Dialog in angular UI via H5 script.

I want to have a datefield (default to today's date) and dropdown inside Dialog.

For datefield I tried with datepicker and inforDateField but unfortunately it doesn't work.

Has anyone tried with Datepicker and dropdown inside Dailog?

any help would be appreciated.

Thanks,

Jags

Find more posts tagged with

Accepted answers

All comments

antonio-caria

Inside dialog?

const b = new TextBoxElement();
//b.Value = toDateM3(currentDate());
b.Position = new PositionElement();
b.Position.Top = 10
b.Position.Left = 70
b.Position.Width = 6;
const dt$ = this.controller.GetContentElement().AddElement(b)

dt$.inforDateField({
dateFormat: ScriptUtil.GetUserContext('DTFM').replace(/Y/gi, 'yy').replace(/M/gi, 'MM').replace(/D/gi, 'dd'),
hasInitialValue: !1,
openOnEnter: !1,
}).prop('MAXLENGTH', 6).val('').addClass('inforDateField upperCaseClass inforTextbox hasDatepicker')

Legacy Contributor

Hi,

Thanks for the above information.

However I need to add the date field and dropdown inside a modal dialog?

Do you have a reference for the same?

Thanks,

Jags

antonio-caria

Is possible with JQuery.

Usually I dont use M3 Dialog in fhet cases...

Legacy Contributor

Hi Jags,

You can write html code in "inforMessageDialog".

dialogContent = $("<div>" +

"Dropdown Box : " +
'<select id = "DropdownID" name = "DropdownName" >' +
'</select>' + "<br>" +
"</div>");
;

you can use the below functions for events on the drop down

$("#DropdownID").ready(function () {
// get the selected value
var value = $('#DropdownID :selected').text();
});

//On drop down change event
$(function () {
$("#DropdownID").change(function () {

});
});

Likewise please check for Date and how to handle it using jQuery.

Legacy Contributor

Also, I forgot to add the options part in the above code please check it here.

dialogContent = $("<div>" +

"Dropdown Box : " +
'<select id = "DropdownID" name = "DropdownName" >' +
'<option value = "1" >value1</option>' +
'<option value = "2" >value2</option>' +
'</select>' + "<br>" +
"</div>");
;

antonio-caria

ths problem should bd the inforDateField component and

not the combo itself.

You can change any div container always

VID030_SASTT_Series of Videos on How To Add Fields to Extended Area.zip

Copyright © 2025 Infor. All rights reserved.