Change the input type on focus in angular

Question

<input type = "text" (focus)="this.type='date'">

Changing the input type when the user focuses on input field, default type is text.

For example this works in plain javascript, the type remains as text until the user moves the cursor inside the input field

<input type = "text" onFocus="this.type='date'">

but why you want to change type on focus only? doesn't make any sense i guess — Pardeep Jain, Feb 08 '19 at 07:40
because I want to show the placeholder birth date and it doesn't show if the type is date, so initially i want the field to be text to it shows the placeholder https://stackoverflow.com/questions/20321202/not-showing-placeholder-for-input-type-date-field — yerakaso, Feb 08 '19 at 07:42

score 0 · Accepted Answer · answered Feb 08 '19 at 07:53

0

You are using the wrong syntax of focus event, try to use it in an Angular way, like below mentioned -

<input placeholder="Select Date" type = "text" #inp (focus)="inp.type='date'">

Working Example

answered Feb 08 '19 at 07:53

Pardeep Jain