Mendes Mendes - 1 month ago 6
Javascript Question

HTML5 input types not working in IE10

I´m writing an application that deals massively with dates.

So, I´m using the new HTML5 input types for datetime, date, month and week...

Surprisingly I found out this is not working on IE10. I´m using IE version 10.0.9200.

To check this out, please open that page: Test Link

My typical input type looks like (I´m using Tweeter Bootstrap as well):

<div class="col-md-8">
<div class="form-group">
<label for="dateTime">Período do Relatório</label>
<input type="date" class="form-control" id="reportDate">
</div>
<script>
var isoString = toLocalIsoString(new Date());
document.getElementById("reportDate").value = isoString.substr(0, 10);
</script>
</div>


And them later I chage the type I need, like:

document.getElementById('reportDate').type = 'week';


or

document.getElementById('reportDate').type = 'month';


In Chrome it works real nice, opening choose windows for the user to choose the month on week, but in IE I get the following error (translated):

0x80070057 - Javascript execution time error. Invalid argument.


So, according to this scenario:

a) I´m doing something wrong here ?

b) If not, how can I support these HTML5 in IE10.

c) If in fact this will not work in IE10, what are the alternatives to have a Chrome like behaviour (popup a small windows so that the user chooses the month, date, week, etc.).

Thanks in advance for any help.

Answer

According to Can I Use the date-time input types are not supported by IE. A good alternative would be jQuery UI.