How to pass List of Date in Ajax Calendar Extendar.

Question

I have Some Selected Date of List and i want to show only selected date in calendar extendar and other date is Hidden ,So my question is How we pass Date List in Ajax Calendar Extendar.

Mukesh Nayak · Answer

We can try following: var dateListEnabled = []; $(function () { GetDatesFromCodeBehind(); }); function GetDatesFromCodeBehind() { $.ajax({ url: "/Home/GetDatesFromCodeBehind", type: "GET", dataType: "json", contentType: "application/json; charset=utf-8", success: function (data) { $.each(data, function (index, value) { dateListEnabled.push(value); }); UpdateDatePicker(); }, error: function () { alert("An error has occured!!!"); } }); } function UpdateDatePicker() { $("#datepicker").datepicker({ beforeShowDay: enableDate }); } function enableDate(date) { var dateList = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); if ($.inArray(dateList, dateListEnabled) != -1) { return [true, "", ""]; } else { return [false, "", ""]; } } GetDatesFromCodeBehind() will get data from code behind.

Mukesh Nayak · Answer

This is the only css in that file "/resources/demos/style.css" body { font-family: Arial, Helvetica, sans-serif; } table { font-size: 1em; } .ui-draggable, .ui-droppable { background-position: top; }

krishna kanhaiya · Answer

Hi Mukesh , i have one other option to fetch date list through store procedure and write date list in json format ,but i don't know how to pass json in your page and achieve this functionality.and one another problem is your code that link are not available " " .Thanks in advance.

Mukesh Nayak · Answer

If you are using asp.net just create web Method and fetch data from database. Please go through following link http://www.aspsnippets.com/Articles/Return-JSON-data-object-from-WebMethod-PageMethod-in-ASPNet-using-C-and-VBNet.aspx In case of asp.net mvc you can get data from any Json results Please refer the link below http://www.itorian.com/2013/02/jquery-ajax-get-and-post-calls-to.html

krishna kanhaiya · Answer

Hi Mukesh Nayak, Thanks for Reply but In my case my Date list is come in Database, so my question is How to pass list of dates in array or any Other Idea to pass dates in script ,Thanks in Advance.

Mukesh Nayak · Answer

H i Krishna, I have tried solving your issue. Just by adding following code : $(function () { var datesToBeEnabled = ["17-10-2016", "17-11-2016", "4-11-2016", "4-12-2016"]; function enableDate(date) { var dateList = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); if ($.inArray(dateList, datesToBeEnabled) != -1) { return [true, "", ""]; } else { return [false, "", ""]; } } $("#datepicker").datepicker({ beforeShowDay: enableDate }); });