1

I'm trying to change the HTML5 input tag from text to date using JavaScript, the markup really changed.. but the IE Still allow user to type any characters or number. after giving up I tried to insert new element but same result!!

getting div:

<div id="myDiv">
</div>

var obj = document.getElementById("myDiv");

insert new input elemnt:

var DataType ="date";
var inputStr = "<input type='" + DataType + "' class='input-lg'/>";
obj.innerHTML = inputStr;

I tried the solution on change html input type by JS? and I got an error when changing type:

<script type="text/javascript">
    document.getElementById('hybrid').type = 'password';
</script>

Any one can help?

Community
  • 1
  • 1
mohamad kibaly
  • 15
  • 7

1 Answers1

3

If it shows a textbox instead of the input type you chose, that means the browser doesn't support that input type (it defaults to a text box).

Unfortunately in this case, IE doesn't yet support date input (along with Safari, Opera and Firefox), so you'll need to include a library that provides date input functionality if you want to support these browsers and need date input.

Carcigenicate
  • 43,494
  • 9
  • 68
  • 117
  • Do you have any suggestion for IE , i working with date,time,number,tel,email and went the site shows the same on all browsers. – mohamad kibaly Nov 17 '16 at 07:12
  • @mohamadkibaly Sorry no, I've never *needed* a date picker. I'm sure a quick google search will give you your options. – Carcigenicate Nov 17 '16 at 15:07