Boostrap datepicker shows calendar on page load in IE

Question

I have a bootstrap datepicker on my form. When the pages loads in Chrome I see the textbox for the date and the datepicker button which when clicked will show the calendar. Unfortunately in IE the calendar shows when the page loads which looks pretty ugly.

Before making this post I looked around on Google and post on here but didn't come across anything that works in js.

Any suggestions of how to make IE not show the calendar until the date picker button is pressed?

Any help is much appreciated:)

Answer 1

try to initialize datepicker with hide

$("#inputId").datepicker('hide');