$(document).ready(function () {
$('#ctl00_ContentPlaceHolder1_btnDisplayReport').click(function () {
if ((new Date($('#ctl00_ContentPlaceHolder1_txtStartDateFrom').val()) > new Date($('#ctl00_ContentPlaceHolder1_txtStartDateTo').val())) && $('#ctl00_ContentPlaceHolder1_txtStartDateTo').val() != "") {
alert("Start date cannot be greater than end date.");
return false;
}
if (new Date(($('#ctl00_ContentPlaceHolder1_txtCompletionDateFrom').val()) > new Date($('#ctl00_ContentPlaceHolder1_txtCompletionDateTo').val())) && $('#ctl00_ContentPlaceHolder1_txtCompletionDateTo').val() != "") {
alert("Completion start date cannot be greater than completion end date.");
return false;
}
});
$('.dateverification>input').each(function () {
$(this).change(function () {
temp = $(this).attr("id");
temp = temp.replace("txt", "lbl");
if ($(this).val()) {
$('#' + temp).show();
}
});
$('.xlink').click(function () {
temp1 = $(this).attr("id");
temp1 = temp1.replace("lbl", "txt");
$('#' + temp1).val("");
temp1 = temp1.replace("txt", "lbl");
$('#' + temp1).hide();
});
});
});
これは FF と Chrome では完全に機能する jQuery 関数ですが、IE10 では起動し$('.dateverification>input').each(function()...
ません。基本的に、私は何かが欠けており、すべてのブラウザで機能させることはできません. (コードファイルでキャッシュなしのリクエストも行いました)
<tr>
<td style="width: 25%;">
<%= this.GetGlobalResourceObject("CourseCompletionReport.aspx", "Reports.CourseCompletionReport.StartDateFrom") %>
</td>
<td class="dateverification" style="width: 75%;">
<asp:TextBox ID="txtStartDateFrom" runat="server" SkinID="TextBoxNoneMandatory" autocomplete="off" contentEditable="false"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="defaultCalendarExtender1" Format="MMMM dd, yyyy" runat="server" TargetControlID="txtStartDateFrom" />
<asp:Label ID="lblStartDateFrom" runat="server" Text="x" class="xlink" ></asp:Label>
</td>
</tr>
これはパーツの 1 つです - テキストボックス + ajax カレンダー + ラベル、html の構造にも何か問題がある場合。前もって感謝します。