4

如何使用 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 日之间的日期应该被禁用。

提前致谢。

4

2 回答 2

2

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

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

于 2012-11-04T21:03:39.983 回答
0

你可以试试这些：

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 = “&lt;div>” +sender._days.all[i].innerText+ “&lt;/div>”;
                    }

                    if(sender._days.all[i].id == “calendarValidToDate_day_”+j+”_6″)
                   {
                            sender._days.all[i].disabled = true;
                            sender._days.all[i].innerHTML = “&lt;div>” +sender._days.all[i].innerText+ “&lt;/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”&gt;
</asp:CalendarExtender>
于 2012-11-08T07:56:06.430 回答