Ajaxcontroltoolkit.calendarext...

See more:

C#3.5

ASP.NET4

AjaxControlToolkit.CalendarExtender' does not have a public property named 'ClientIDMode'

when i am trying to show only month and year and using java script function my code is -

<ajax:CalendarExtender ID="txtSalaryfortheMonth_CalendarExtender" ClientIDMode="Static"  ></ajax:CalendarExtender>

 <script type="text/javascript">

        function onCalendarHidden() {
            var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");

            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++) {
                        Sys.UI.DomEvent.removeHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }
        }

        function onCalendarShown() {

            var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");

            cal._switchMode("months", true);

            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++) {
                        Sys.UI.DomEvent.addHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }
        }

        function call(eventElement) {
            var target = eventElement.target;
            switch (target.mode) {
                case "month":
                    var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");
                    cal._visibleDate = target.date;
                    cal.set_selectedDate(target.date);
                    //cal._switchMonth(target.date);
                    cal._blur.post(true);
                    cal.raiseDateSelectionChanged();
                    break;
            }
        }
</script>

but showing error at run time and the error is -AjaxControlToolkit.CalendarExtender' does not have a public property named 'ClientIDMode'

Please help me to shortout this issue .

What I have tried:

AjaxControlToolkit.CalendarExtender' does not have a public property named 'ClientIDMode'

when i am trying to show only month and year and using java script function my code is -

<ajax:CalendarExtender ID="txtSalaryfortheMonth_CalendarExtender" ClientIDMode="Static"  ></ajax:CalendarExtender>

 <script type="text/javascript">

        function onCalendarHidden() {
            var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");

            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++) {
                        Sys.UI.DomEvent.removeHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }
        }

        function onCalendarShown() {

            var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");

            cal._switchMode("months", true);

            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++) {
                        Sys.UI.DomEvent.addHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }
        }

        function call(eventElement) {
            var target = eventElement.target;
            switch (target.mode) {
                case "month":
                    var cal = document.getElementById("txtSalaryfortheMonth_CalendarExtender");
                    cal._visibleDate = target.date;
                    cal.set_selectedDate(target.date);
                    //cal._switchMonth(target.date);
                    cal._blur.post(true);
                    cal.raiseDateSelectionChanged();
                    break;
            }
        }
</script>