使用Calendar Extender和Javascript ASP.NET验证日期

2023年3月14日 264次阅读

如何使用
Javascript在我的Calendar Extender中禁用星期六和星期日.

现在,我正在使用后面的代码来禁用上一个日期,就像在此页面加载一样.

public partial class TESTING : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        txtDelivery_CalendarExtender.StartDate = DateTime.Now;
    }
}

ASP.NET控件

<asp:TextBox ID="txtDelivery" runat="server"></asp:TextBox>

<asp:CalendarExtender ID="txtDelivery_CalendarExtender" runat="server" 
    PopupButtonID="ImageButton1" TargetControlID="txtDelivery" >
</asp:CalendarExtender>

<asp:ImageButton ID="ImageButton1"
    runat="server" ImageUrl="~/Images/Calendar.png" />

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

此外,我想从今天开始禁用特定的天数.

例如,如果今天是2012年11月4日,并且我希望有10个工作日,则应禁用11月4日到14日之间的日期.

提前致谢.

最佳答案 要禁用周末,请修改控件标记,如下所示

<asp:CalendarExtender ID="txtDelivery_CalendarExtender" runat="server" 
    PopupButtonID="ImageButton1" TargetControlID="txtDelivery" OnClientShown="DisableWeekend" >
</asp:CalendarExtender>

并使用以下JavaScript

function DisableWeekend(sender, args) {
        $(".ajax__calendar_day[title*='Saturday'],.ajax__calendar_day[title*='Sunday']").each(function () {
            $(this).parent().addClass('ajax__calendar_invalid');
        });
}

如果您需要通过javascript对日历控件的功能进行精细控制,我建议您仔细查看CalendarBehavior.js文件.

点赞