igx-date-picker change placeholder | Infragistics Forums

State Not Answered
Replies 3 replies
Subscribers 7 subscribers
Views 1202688 views
Users 0 members are here

333

igx-date-picker change placeholder

Stephan Bomholt posted over 4 years ago

Hello,

is there any possibility to change the placeholder in an igx-date-picker?

In a german website we have this date picker:

<igx-date-picker mode="dropdown" id="iGeburtsdatum" name="geburtsdatum"

format="dd.MM.yyyy" locale="de-DE"

mask="dd.MM.yyyy" label="Geburtstag"

[(ngModel)]="suchParam.geburtsDatum">

</igx-date-picker>

The placeholder is now "dd.MM.yyyy". I want to change this to "tt.mm.jjjj".

Thanks in advance.

Stephan

Parents

1320

Offline Monika Kirkova posted over 4 years ago

Hello Stephan,

After investigating this further, I determined that your requirement could be achieved by accessing the inputDirective of the igxDatePicker and setting the placeholder attribute of the input element to the string, which should be displayed.

public ngAfterViewInit() {

this.datePicker.inputDirective.nativeElement.placeholder = "tt.mm.jjjj";

}

I have prepared a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.

Regards,
Monika Kirkova,
Infragistics
Cancel
Reply

Cancel

Reply

333

Offline Stephan Bomholt posted over 4 years ago in reply to Monika Kirkova

Hello Monika,

thanks for your fast response.

Unfortunately, this solution does not work because inputDirective is not defined in our version of datePicker.

I think, we have to upgrade our controls.

I'll sign up again...

Stephan
Cancel
Reply

Cancel

Children

1320

Offline Monika Kirkova posted over 4 years ago in reply to Stephan Bomholt

Hello Stephan,

While you are upgrading to the latest version of the product, what I could suggest for setting the placeholder of the igx-datepicker for versions 10.1 and 9.1 is the following:

public ngAfterViewInit(){

this.datePicker.inputGroup.input.element.nativeElement.placeholder = "tt.mm.jjjj"

}

I have prepared a sample using version 9.1. Please test it on your side and let me know if you need additional information regarding this matter.

Regards,
Monika Kirkova,
Infragistics
Cancel
Reply

Cancel