jQuery中的可用时隙如何

Question

我正在将可用的时隙从控制器传递到ajax成功函数中。但是时间显示不正确，我想在插槽Ajax代码中显示每个可用时间。现在时隙静态显示。我想显示响应对象中即将出现的所有可用日期

   $('.date-picker-2').popover({
        html: true,
        content: function () {
            return $("#example-popover-2-content").html();
        },
        title: function () {
            return $("#example-popover-2-title").html();
        }
    });
    $(".date-picker-2").datepicker({
        onSelect: function (date) {
            debugger
            // dynamic controll
            $.ajax({
                url: "/Home/GetAvailableTime",
                data: "{'date':'" + date + "'}",
                dataType: "json",
                async: false,
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (response) {
                    debugger
                    // checkin(response);
                   // var items = '';
                    $('#example-popover-2-title').html('<b>Avialable Time Slots</b>');
                    $.each(response, function (k, v) {

                        var html =
                        '<button  class="btn btn-danger">8:00 am – 9:00 am</button><br><button  class="btn btn-danger">10:00 am – 12:00 pm</button><br><button  class="btn btn-danger">12:00 pm – 2:00 pm</button>';
                        $('#example-popover-2-content').html('Avialable Appiontments On <strong>' + date + '</strong><br>' + html);
                        $('.date-picker-2').popover('show');
                    });

                },
                error: function () { alert("error"); }
            });
            //$('#example-popover-2-title').html('<b>Avialable Appiontments</b>');
            //var html = '<button  class="btn btn-danger">8:00 am – 9:00 am</button><br><button  class="btn btn-danger">10:00 am – 12:00 pm</button><br><button  class="btn btn-danger">12:00 pm – 2:00 pm</button>';
            //$('#example-popover-2-content').html('Avialable Appiontments On <strong>' + date + '</strong><br>' + html);
            //$('.date-picker-2').popover('show');
        }
    });

它是我的控制器代码

 [HttpPost]
    public JsonResult GetAvailableTime(string date)
    {
        var AvaiableTime = db.AvailableTime(date).ToList();
        return Json(AvaiableTime,JsonRequestBehavior.AllowGet);
    }

我正在获取所有可用时间，所以我无法在ajax成功函数中显示这些可用时间。我也遇到了成功函数中日期格式的问题。请任何人帮助我。