[英]Validating Dates using Calendar Extender and Javascript ASP.NET
how can I use Javascript to disable Saturdays and Sundays in my Calendar Extender. 如何使用Javascript在我的Calendar Extender中禁用星期六和星期日 。
Right now, I am using the code behind to disable the previous date like in this page load. 现在,我正在使用后面的代码来禁用以前的日期,例如此页面加载中。
public partial class TESTING : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
txtDelivery_CalendarExtender.StartDate = DateTime.Now;
}
}
ASP.NET Controls 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>
Also, I would like to disable specific range of days from today. 另外,我想禁用从今天起的特定日期范围。
For example, if today is November 4, 2012, and I want to have 10 working days, then the dates between November 4 to 14 should be disabled. 例如,如果今天是2012年11月4日,并且我希望有10个工作日,则应该禁用11月4日到14日之间的日期。
Thanks in advance. 提前致谢。
For disabling the weekend, modify your control markup like below 要禁用周末,请按如下所示修改您的控件标记
<asp:CalendarExtender ID="txtDelivery_CalendarExtender" runat="server"
PopupButtonID="ImageButton1" TargetControlID="txtDelivery" OnClientShown="DisableWeekend" >
</asp:CalendarExtender>
And use the following javascript 并使用以下javascript
function DisableWeekend(sender, args) {
$(".ajax__calendar_day[title*='Saturday'],.ajax__calendar_day[title*='Sunday']").each(function () {
$(this).parent().addClass('ajax__calendar_invalid');
});
}
If you need granular control over the functionality of the calendar control through javascript, I would suggest to have a close look at the CalendarBehavior.js file. 如果您需要通过javascript对日历控件的功能进行精细控制,建议您仔细查看CalendarBehavior.js文件。
You can try these: 您可以尝试以下方法:
Javascript Java脚本
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 .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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.