asp.net - IEでAjaxカレンダーが機能しない

Question

読み取り専用のテキスト ボックス コントロールで AJAX カレンダーを使用して日付を選択しています。カレンダーの任意の日付をクリックすると、日付が選択され、txtFromDate に添付されます。FF と Chrome では正しく動作しますが、IE では動作しません。これが私のコードです：

<asp:TextBox 
ID="txtFromDate" 
Text="From Date" 
runat="server" 
onfocus="javascript:this.value=''" 
onblur="javascript: if(this.value==''){this.value='From Date';}">
</asp:TextBox>

<Ajax:CalendarExtender 
ID="txtCalendeControlExtenderFromDate" 
runat="server" 
Format="dd-MMM-yyyy" 
TargetControlID="txtFromDate">
</Ajax:CalendarExtender>

Answer 1

この問題の解決策を得て、HTML からインライン スクリプトを削除しただけで、うまくいきました。:)

Answer 2

次のように、テキストボックスと calendarExteneder を div タグ内に配置してみてください。

<div style="position: relative;">
    <asp:TextBox 
     ID="txtFromDate" 
     Text="From Date" 
     runat="server" 
     onfocus="javascript:this.value=''" 
     onblur="javascript: if(this.value==''){this.value='From Date';}">
   </asp:TextBox>

   <Ajax:CalendarExtender 
   ID="txtCalendeControlExtenderFromDate" 
   runat="server" 
   Format="dd-MMM-yyyy" 
   TargetControlID="txtFromDate">
   </Ajax:CalendarExtender>
</div>