How to select dates after three dates from current date using ajax control kit

Question

How can i disable all future dates after three days from current date (Today) in AJAX control kit

 <asp:TextBox ID="txtEndDate" runat="server" class="form-control"
      required="This Field is Required" AutoComplete="off"></asp:TextBox>                                                            

        <ajaxToolkit:CalendarExtender ID="CalendarExtender2" 
    runat="server" OnClientDateSelectionChanged="checkProjectEndDate"
 TargetControlID="txtEndDate" Format="dd-MMM-yyyy"></ajaxToolkit:CalendarExtender>



<script type="text/javascript">
     function checkProjectEndDate(sender, args) {
     if (sender._selectedDate >= new Date()) {
     alert("You can not select a future date than today!");
     sender._selectedDate = new Date();
     sender._textbox.set_Value(sender._selectedDate.format(sender._format))
       }
      }
</script>

Its not allowing to select future date then today but i want something that i can select three day latter from today let me explain i want like user can not select any future dates after three days latter suppose today is 01-11-2019 so my calender's show only 03-11-2019 after 3Nov all date should not be visible

Here's an answered question about how to add days to a JavaScript date object: https://stackoverflow.com/questions/563406/add-days-to-javascript-date — jared, Nov 01 '19 at 18:08
i use but its showing Wed Nov 06 2019 23:41:30 GMT+0530 (India Standard Time) — Nits Patel, Nov 01 '19 at 18:12
i want like user can not select any future dates after three days latter suppose today is 01-11-2019 so my calender's show only 03-11-2019 after 3Nov all date should not be visible — Nits Patel, Nov 01 '19 at 18:14
Looks like @Fraddy has built that logic for you in his answer — jared, Nov 01 '19 at 18:16

Fraddy · Accepted Answer · 2019-11-01T19:02:39.827

0

To select date which is greater than 3 days:

var date = new Date();
date.setDate(date.getDate() + 3);
if(selected_date > date){
   // code here
}

Edit: As per you question check below code snippet:

<script type="text/javascript">
  function checkProjectEndDate(sender, args) {

    var future_date = new Date();
    future_date.setDate(future_date.getDate() + 2);

    if (sender._selectedDate > future_date) {
      alert("You can not select a future date than today!");
      sender._selectedDate = new Date();
      sender._textbox.set_Value(sender._selectedDate.format(sender._format))
    }
  }
</script>

edited Nov 01 '19 at 19:02

answered Nov 01 '19 at 18:13

Fraddy

331
1
8

what should i add in OnClientDateSelectionChanged?? – Nits Patel Nov 01 '19 at 18:20
– Nits Patel Nov 01 '19 at 18:22
i used but no changes i found , Even its accepting all future dates – Nits Patel Nov 01 '19 at 18:39
in your code, if date is greater than 3rd Nov then should if condition execute? – Fraddy Nov 01 '19 at 18:50
i checked function use alert('hi') for checking its working or not but after this statement (sender._selectedDate > future_date) i dint get alert message – Nits Patel Nov 01 '19 at 18:50
yes if selected date greater then 3rd Nov then should if condition execute – Nits Patel Nov 01 '19 at 18:56
update answer again. if you are not getting correct you will have to debug sender._selectedDate – Fraddy Nov 01 '19 at 19:05
Amazing .. now i set as i need thnx Fraddy – Nits Patel Nov 01 '19 at 19:25
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/201733/discussion-between-fraddy-and-nits-patel). – Fraddy Nov 01 '19 at 19:33

How to select dates after three dates from current date using ajax control kit

1 Answers1