从 db sql server asp net webforms 绑定 jquery ui datepicker答案

【问题标题】：Binding of jquery ui datepicker from db sql server asp net webforms从 db sql server asp net webforms 绑定 jquery ui datepicker
【发布时间】：2020-06-15 12:30:46
【问题描述】：

我想在 jquery datepicker 中设置假期，我一直在尝试来自 jQuery UI Datapicker and dates from DB (asp.net) 的代码

function BindEvents() {
            //Script for Calendar
            var holiDays = [[2020, 25, 12, 'Christmas'], [2020, 7, 7, 'WEEKEND Event'], [2020, 7, 13, 'Some Holiday'], [2012, 7, 14, 'Festival']];
            $(function () {
                $('.datepicker').datepicker({
                dateFormat: "yy-mm-dd",
                beforeShowDay: noWeekendsOrHolidaysOrBlockedDates
            });

            function noWeekendsOrHolidaysOrBlockedDates(date) {
                //var noWeekend = jQuery.datepicker.noWeekends(date);
                return setHoliDays(date);
            }

            // set holidays function which is configured in beforeShowDay
            function setHoliDays(date) {
                var day = date.getDay();
                if (day == 5 || day == 6) return [false, 'CalWeekEnd',];

                for (i = 0; i < holiDays.length; i++) {
                    if (date.getFullYear() == holiDays[i][0]
                        && date.getMonth() == holiDays[i][1] - 1
                        && date.getDate() == holiDays[i][2]) {
                        return [false, 'holiday', holiDays[i][3]];
                    }
                }
                return [true, ''];
            }
        });
        }

        BindEvents();

我使用文本框显示 jquery datepicker

 <asp:TextBox ID="TextBox1" runat="server" CssClass="datepicker"  />
             <br />

如何在sql server中从数据库中调用var holidays？

我也尝试过https://www.codeproject.com/Tips/740756/Binding-of-Calendar-Controls-from-Database，但它使用日历控件而不是 jquery datepicker

【问题讨论】：

标签： javascript jquery asp.net sql-server

【解决方案1】：

如果将数据库中的数据设置到此变量“holiDays”时出现问题。然后你必须在代码端使用jquery ajax函数通过WebMethod从数据库中获取数据。

示例：如下所示。所以这个函数将从数据库中获取数据并在成功函数中显示结果。正如代码“console.log(result)”中提到的那样，您必须循环数据并将该数据推送到数组以获得类似的结果。

$.ajax({
                    type: "POST",
                    url: "Default.aspx/GetCustomers",
                    data: '',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (result) {
                     console.log(result);
                     },
                    failure: function (response) {
                        alert(response.d);
                     },
                    error: function (response) {
                        alert(response.d);
                    }
                    });

【讨论】：