Question

如何在Calendar Extender中使用Javascript停用星期六和星期日。

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

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日之间的日期。

提前致谢。

Answer 1

要禁用周末，请修改控件标记，如下所示

<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文件。

Answer 2

你可以试试这些：

Javascript

function DisableWeekends(sender, args)
{
     for(var i=0; i<sender._days.all.length; i++)
    {
              for(var j=0; j<6; j++)
             {
                    if(sender._days.all[i].id == “calendarValidToDate_day_”+j+”_0″)
                   {
                          sender._days.all[i].disabled = true;
                          sender._days.all[i].innerHTML = “<div>” +sender._days.all[i].innerText+ “</div>”;
                    }

                    if(sender._days.all[i].id == “calendarValidToDate_day_”+j+”_6″)
                   {
                            sender._days.all[i].disabled = true;
                            sender._days.all[i].innerHTML = “<div>” +sender._days.all[i].innerText+ “</div>”;
                   }
            }
     }
}

的.aspx

<asp:TextBox ID=”txtDate” Enabled=”true” runat=”server” Width=”200px” />
<asp:ImageButton runat=”server” ID=”imageValidToDate” SkinID =”calendarButton” />
<asp:CalendarExtender ID =”calendarValidToDate” runat=”server”
    TargetControlID=”txtDate” Format=”dd/MM/yyyy” PopupButtonID =”imageValidToDate”
    FirstDayOfWeek=”Default” OnClientShown=”DisableWeekends”>
</asp:CalendarExtender>

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

2 个答案: