Datepicker validation

I have two start date and end date ,based upon start datepicker we want to disable end date

validation

1.Both start and end date must be in same Work week

For example start date 27/08/2018 (monday) and to date will be max coming sunday of that week (02/09/2018) so we want disable from 03/09/2018.

For example start date 29/08/2018 (wednesday) and to date will be max coming sunday of that week (02/09/2018) so we want disable from 03/09/2018.

For example start date 31/08/2018 (friday) and to date will be max coming sunday of that week (02/09/2018) so we want disable from 03/09/2018.

Please help me on this using javascript or Jquery

Hello Prabhu,

You can set calendar control minimum and maximum date as per your requirement using below code.

Write a code on DayRender event of calendar in Asp.net as in below suggested code.

protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
{
DateTime time = DateTime.Now;
if (time.DayOfWeek != DayOfWeek.Monday)
time = time.Subtract(new TimeSpan((int)time.DayOfWeek - 1, 0, 0, 0)); //Monday of current week.
//Setting Minimum Date
if (e.Day.Date < Convert.ToDateTime(time.Date))
{
e.Day.IsSelectable = false;
}
time = DateTime.Now.AddDays(7);
if (time.DayOfWeek != DayOfWeek.Sunday)
time = time.Subtract(new TimeSpan((int)time.DayOfWeek - 1, 0, 0, 0)); //Sunday of next week.
//Setting Maximum Date
if (e.Day.Date > Convert.ToDateTime(time))
{
e.Day.IsSelectable = false;
}
}

Let me know if your problem resolved...

Thanks

Suraj

1 Reply

Know the answer? Post it — somebody with the same question will find it here.