I'm using the masked input plugin
http://digitalbush.com/projects/masked-input-plugin/
Example 1
I have this fiddle
http://jsfiddle.net/L8btddb1/
HTML
<input id="date" type="text"></input>
JavaScript
$("#date").mask("99/99/999
9");
When I apply the above date format mask on the textbox it works fine.
Example 2
Now I revised example 1 to this. I am basically setting a default value on the texbox.
This is how i need the textbox to be on page load.
http://jsfiddle.net/sh1mtce5/
HTML
<input id="date" type="text" value="11/5/2017"></input>
JavaScript
$("#date").mask("99/99/999
9");
The masking is getting set on the textbox but notice how the default value doesn't display on the textbox on page load.
It only works if i set the days to double digits like this:
<input id="date" type="text" value="11/05/2017"></input
>
How do I fix example 2,
so regardless whether the textbox value is single digits value="11/5/2017" or double digits value="11/05/2017" it will display on the masked textbox on page load?
Our community of experts have been thoroughly vetted for their expertise and industry experience.
This award recognizes a member of Experts Exchange who has made outstanding contributions to the community within their first year as an expert. The Rookie of the Year is awarded to a new expert who has the highest number of quality contributions.
The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.