Set HTML Date input to default as a string

Question

I am trying to set chart that pulls data based on an input date range, so I want to set the start and end date picker's default values to strings (i.e. "Start" "End" as opposed to "mm/dd/yyyy").

I'm currently setting up the date inputs as follows:

<input style="background-color: #2E2F30; color:white; height: 50px; width: 150px;" type="date" id="StartDateSelect"> <input style="background-color: #2E2F30; color:white; height: 50px; width: 150px;" type="date" id="EndDateSelect"> <button class="btn" style="background-color: #2E2F30; color:white; height: 50px; width: 50px;" id="RefreshButton" onclick="getDates()">></button>

dev_mustafa · Accepted Answer · 2020-12-14 17:24:15Z

1

Use onfocus attribute

<input type="text" class="form-control" placeholder="Start" onfocus="(this.type='date')"/>

answered Dec 14, 2020 at 17:24

dev_mustafa

1,1111 gold badge7 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Set HTML Date input to default as a string

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related