AJAX :: Disable Past Dates In Calendarextender?
Apr 10, 2010i want to know how to disable past dates in ajax calendar extender so user can not select past dates.
View 1 Repliesi want to know how to disable past dates in ajax calendar extender so user can not select past dates.
View 1 RepliesFound this very useful [URL] .....
How do we allow only past 7 days for selection along with disabled future date.
I am using ajax calendar extender to select the dates.I want to disable all the dates less than today. Means the user can't select those previous days ie the dates should be shown in grey color and users can't select it.
View 6 RepliesThis question is regarding one of your article on disabling future dates in [URL] ....
Your code in the above link disables(prevents for selection) dates for selection greater than today.
But I want to prevent users from selecting dates after a particular date say for example-after 13th October 2013, all the dates should be disabled.
I replaced this line
var c = (new Date).setHours(0, 0, 0, 0);
with
var c = (new Date("October 13, 2013 11:00:00")).setHours(0,0,0,0);
in the javascript file(Extension.min.js).
But still it was disabling dates other than today.
I have two text boxes (from date and to date). Based on your demo i have disabled the future date but my requirement is
1). First i have select the from date. eg: 21-02-2013
2). Now i am selecting TO DATE. eg:21-01-2013
Now my requirement is i need to disable dates until 21-02-2013 to current date. Then user not able to select ToDate as 21-01-2013 i need to provide only option to select from 22-02-2013 to current date.
<asp:Label ID="lbl_sel_date" runat="server" Text="Select Date: "></asp:Label>
<asp:TextBox ID="txtDate_from" runat="server" CssClass="disable_future_dates"></asp:TextBox>
<asp:ImageButton runat="server" ID="imgPopup" ImageUrl="~/Calendar.png" />
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDate_from"
PopupButtonID="imgPopup" />
[code]...
if looked but couldend find what i was looking for So my Q is:How disable Past dates on Calendar to make it unclickable?
View 2 RepliesHow to disable the dates on the Calendarextender control ie: and only highlight the specific dates ( the date is coming from DB dynamically )
so if i have the dates like 5 , 8 , 24 , 28 Jan 2011 - i have to highlight these dates with background somecolor and change some text color, and disable other dates.
Is it possible to do this using CalendarExtender control I google but i didnt get any way of doing the above task, If not so which calendar control wil fulfil my requirement. and also i have to show the calendar similar to the calendarextender.
I am using Ajax calendar control and image button as popup control I want to disable Previous.. Actual I used
Calendar Extendar.StartDate= DateTime.
Now in load event but it is throwing error...
I have a ClendarExtender on a page within a <td> of a table. When the calendar pops up it shows only the day "SU" and the four or five Sunday dates for that month. Otherwise it works perfectly.
After much knashing of teeth I finally removed a table width "{table width:1004px;}" from my stylesheet and now the calendar works as it should. Is there a way around this problem? I would like to keep the table width in the stylesheet. It is too late in the development to switch away from tables to a css layout.
How to disable the calenderextender if the textbox is disabled.suppose if consider the following code,
<asp:TextBox ID="txtstartdate" runat="server"></asp:TextBox>
<asp:CalendarExtender ID="txtstartdate_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtstartdate" Format="dd/MM/yyyy" DefaultView="Years" BehaviorID="StartDate">
if the textbox is enable user can pick the date..if it is disable then user should not be allowed to pick the date...
I have a form that collects some dates. The users can go to this form any time, view the data, and edit the data.
The user should only be able to enter today or future dates only. We don't want users to go in here and be able to past date these dates.
So I created a compare validator which compares the text box against today's date. This works great. The user saves the form and life goes on.
But then, lets say they come back 1 week later and want to change a date. Now all the old dates will fire this validator and they can't save anything unless they change all the dates to today or newer. This is a problem.
So what I thought was when I load the form with the data from the database, I would just disable the validator if there is a date, and if it's null enable the validator. But this won't work because then they can back-date all of those dates with the validator disabled.
So for the dates that are not null, it shouldn't fire the validator unless they change the date.
When I load the form, I'm going to load all these dates into Viewstate. I'm going to create a custom validator and check the value they enter against the previous date that is in Viewstate. If it matches that date then it is valid, if it doesn't match that date then I will run it through the validator to check for past-date.
i want to disable the last day and last month dates in this control?
View 4 RepliesI want to block Year From Calender .I have 2 text box in first text box i select Start Financial Year And in second Text End Financial Year.When i Select 2009 year in first text box then in second texbox all dates privious from 2009 will be block.
View 1 RepliesIs it possible to customize Ajax Calender Extender control ?. I want it to disable some dates and show only four month (Jan,Feb,Nov,Dec) while it load.
View 1 Repliesi want to use a ajax calender extender in which when user clixcks on button caleder show only dates of current month not previous dates.i dont want to disable dates. i should not apper on current month calender. means it should start from 1 and end to 30 or 31
View 3 RepliesI am using a jquery datepicker and timepicker. In datepicker I want to disable the all dates which are past to the current date. And in timepicker I want to show the times which is one hour prior to the current time.Can anyone tell me how to do this?
View 2 RepliesFor telerik DateTimePicker, I need you to disable a collection of certain dates, so user cannot select them? Is there any client/server side events that can do this?
View 1 RepliesI have a gridview which contains a textbox control. I need to show the calendar for the user to pick the date and certain dates are to be disabled using jquery. I found a post on stackoverflow that talked about how to disable certain dates. I am done with that part, except not sure how to pass the textbox control to this jquery function. Here is the code.
<script type="text/javascript" language="javascript">
function pageLoad(sender, args) {
var enabledDays = ['09/21/2011', '10/05/2011', '10/19/2011', '11/02/2011', '11/16/2011'];
/* utility functions */
function editDays(date) {
for (var i = 0; i < enabledDays.length; i++) {
if (new Date(enabledDays[i]).toString() == date.toString()) {
return [true];
}
}
return [false];
}
/* create datepicker */
$(document).ready(function() {
$('#<%= txtInHomeDate.ClientID %>').datepicker({
beforeShow: springDate,
beforeShowDay: editDays,
dateFormat: 'mm/dd/yy',
buttonImage: 'images/cal.gif',
buttonText: 'Choose date',
firstDay: 1,
buttonImageOnly: true,
showOn: 'both',
showAnim: 'fadeIn',
onSelect: function() { $(this).trigger("onchange", null); }
});
function springDate() {
var defaultMin = new Date();
var defaultMax = new Date();
var Min = defaultMin;
var Max = defaultMax;
// make valid date from hiddenfied value format is MM/dd/yyyy
dateMin = $('#<%= hfStDate.ClientID %>').val();
dateMin = new Date(dateMin);
dateMax = $('#<%= hfEndDate.ClientID %>').val();
dateMax = new Date(dateMax);
if (dateMin && dateMax) {
Min = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate());
Max = new Date(dateMax.getFullYear(), dateMax.getMonth(), dateMax.getDate());
}
return {
minDate: Min,
maxDate: Max
};
}
});
}
<....
<asp:TemplateField HeaderText="In-Home Date">
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:HiddenField ID="hfStDate" runat="server" Value="09/01/2011" />
<asp:HiddenField ID="hfEndDate" runat="server" Value="11/30/2011" />
<asp:TextBox ID="txtInHomeDate" runat="server" />
</ItemTemplate>
</asp:TemplateField>
Currently, it errors out since the jquery function won't find the txtInHomeDate.
i am trying to solve this problem but cann't think of a perfect solution.suppose i have a list of days
String[] dayInWeek = { "3", "5", "7" } these out of the 7 days in a week
now i want to disable all the weekdays in the calander (disable these days in each week).how can i do that?
Cannot find an explanation of the AJAX CalendarExtender's attribute animated.
What does this do exactly?
AutoSize is set to "none" which has the desired effect of epanding the accordion according to the number of panes. This also has the desired effect of pushing down the footer past the content in the left column, but not allowing it to move the footer up to the point where it's being over-printed by that left column.
Pseudo-HTML has my page designed as follows:
[Code]....
My problem is that when I expand one of the accordion panes, it extends past the height of the body element of the page - appearing as if it has an inherent 'float' property assigned to it.
I've tried all sorts of tricks - background color assigned to content-container, background image assigned to the body tag to provide a pseudo column-esque background to the entire page.
Nothing seems to work...I always end up with the following look:
I've also tried binding a jQuery 'click' method to the AccordionHeader class which does a great job of displaying the current height of the Accordion, but doesn't capture the expanded height - even when adding a delay to the height() call.
when using CalendarExtender with a TextBox, when i press mouse into the TextBox, a Calendar pop-ups. I want to know, does here asynchronous communication took place for bringing this calender from server to the browser ? or initially at the time of page load itself that calendar was loaded in the browser ?
View 4 RepliesI have a problem with disabling the tabcontainer.
The problem is that, if a user haven't selected anything, the whole tabcontainer must be disabled. If I disable the tabcontainer it in de codebind, the tabcontainer grayed out but the user can click the tabs.
I can disable one tab in javascript but how can I disable the whole tabcontainer?
I am having a very weird problem with 'CalendarExtender' as Ajax control in my application.
I added this extender to one of my textbox controls, but when I run the application and click on the textbox nothing happens. It does not show any errors either.I have added all the necessary references:
'AjaxControlToolkit.dll' & 'System.Web.Ajax.dll' to the project, but it des not work for some reason. Here is and the problematic piece of code:
[code]....
i have a follwing code:
[code]....
basically wot i m doing is to validate the textbox that having the date but nothing happen as i dont select the date, textbox is only readonly, can any one assist me in this matter?