私はajax calendarextenderとjavascriptを使用して、ユーザーが過去の日付を選択しないように制限していますが、ここで問題に直面しています:
- ユーザーが過去の日付を選択している場合、それは正常に機能しています
- ユーザーが将来の日付を選択している場合も、正常に機能しています
ただし、ユーザーが現在の日付を選択している場合は、不要なアラートも表示されます。
私の要件は、ユーザーが現在の日付と将来の日付を選択できるが、以前の日付の入力を制限できることです。この問題を解決するのを手伝ってください。以下にコードがあります:-
<div id="formload" >
<!-- ============================== Fieldset 1 ============================== -->
<fieldset>
<legend>Enter Date</legend>
<table>
<tr>
<td><label for="input-one" class="float"><strong>Date</strong></label>
</td><br />
<td><asp:TextBox ID="txtDate" runat="server" CssClass="inp-text" Width="300px"></asp:TextBox> </td>
<td><asp:Image runat="server" ID="btnDate2" AlternateText="cal2" ImageUrl="~/App_Themes/Images/icon_calendar.jpg" />
<ajaxtoolkit:calendarextender runat="server" ID="calExtender2" Format="dddd, MMMM dd, yyyy" PopupButtonID="btnDate2" TargetControlID="txtDate" OnClientDateSelectionChanged="CheckDateEalier" /> </td>
</tr></table>
</fieldset>
<!-- ============================== Fieldset 1 end ============================== -->
Javascript
<script type="text/javascript">
function CheckDateEalier(sender, args)
{
if (sender._selectedDate < new Date())
{
alert("Day earlier than today cannot be selected.");
sender._selectedDate = new Date();
sender._textbox.set_Value(sender._selectedDate.format(sender._format))
}
}
</script>