[SalesForce] Not displaying date picker in Internet Explorer

I was having a similar issue with IE11. I had a Visualforce form, and sections of the page were re-rendered. In IE11, some empty tags were problematic. This included tags used for clearing and <apex:inputTextarea>.

To correct the div, I inserted the html code for a space(&nbsp;). For example: <div class="clearer">&nbsp;</div>

To correct the apex:inputTextarea, I had to make sure that it was never rendered empty. In the controller, I added at least three blank spaces in the field used by the textarea when the field didn't contain text. The tag would then rerender showing one blank space. Adding only one or two spaces didn't work, not sure why. Before processing, I trimmed any left blanks.

Example apex: if (MyTextAreaField == null || MyTextAreaField.trim().length() == 0) MyTextAreaField = '   ';

When you are referencing visualforce fields in your page it's recommended you either use !$Component.FieldId or alternatively you can assign an ID to each of the parent elements and that way you can avoid the random salesforce ID prefixes. So let's say you have something like this:

<apex:page>
    <apex:form>
        <apex:pageBlock>
            <apex:inputField id="test" />
        </apex:pageBlock>
    </apex:form>
</apex:page>

In this case your ID for the input field will be something like j_id0:j_id1:j_id2:test. However if you assign ID's to all of the elements:

<apex:page id="page">
    <apex:form id="form">
        <apex:pageBlock id="pageBlock">
            <apex:inputField id="test" />
        </apex:pageBlock>
    </apex:form>
</apex:page>

your input field element ID becomes page:form:pageBlock:test.

So now you can either reference it by #page:form:pageBlock:test or {!$Component.test}