Ajax日历扩展程序不选择上一个日期 [英] Ajax calendar extender not to select previous date

问题描述

我正在使用ajax calendarextender和Java脚本来限制用户不会选择过去的日期，但是在这里我遇到了问题.如果用户正在选择过去的日期，那么它可以正常工作；如果用户正在选择将来的日期，那么它也可以正常工作；但是，如果用户正在选择当前日期，那么他也会收到警报，这不是必需的.我的要求是用户可以选择当前日期加上将来的日期，但只能输入任何以前的日期.请帮助我解决此问题.在下面可以找到代码:

I am using ajax calendarextender and java script to restrict that the user will not select the past date but here i m facing an issue. if the user is selecting the past date then it is working fine ,if the user is selecting future date then also it is working fine but if the user is selecting the current date then also he is getting alert which is not required. My requirement is that the user can select current date plus the future date but restrict to enter any previous date.Please help me to solve this issue. below you can find the code:

<!-- ============================== Fieldset 1 ============================== -->
		<fieldset>
			<legend>Enter Date</legend>
            <table>
            <tr>
            <td><label for="input-one" class="float">Date</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 ============================== -->

Javascrpt:-

Javascrpt:-

<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>

推荐答案

<script type="text/javascript">
        function checkDate(sender, args) {
            var toDate= new Date();
            toDate.setMinutes(0);
            toDate.setSeconds(0);
            toDate.setHours(0);
            toDate.setMilliseconds(0);
            if ( sender._selectedDate < toDate) {
                alert("You can''t select day earlier than today!");
                sender._selectedDate = toDate;
                //set the date back to the current date
                sender._textbox.set_Value(sender._selectedDate.format(sender._format))
            }
        }
    </script></script>

这篇关于Ajax日历扩展程序不选择上一个日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！