Javascript Laravel：引导数据采集器沙箱突出显示特定日期

如图所示，在登录页上加载了日期选择器。我希望能够更改日历上特定日期的背景色

例如： 如果2017年11月27日时段已预订，则在加载时，我希望更改该日期的颜色

我的脚本代码：

<script>
$(document).ready(function () {
    // I am getting a data on this loop so how can i change same date background color      
    @if(!empty($BookeData))
        @foreach($BookeData as $key => $value)
            @if($value->event_date)

            @endif
        @endforeach
    @endif
    /* Gt data in $BookeData
    array:13 [
    "id" => 8
    "source_type" => "App\Venue"
    "source_id" => 7
    "event_date" => "2017-11-28"
    "session" => "1"
    "payment" => "5000"
    "status" => "Booked"
    "created_at" => "2017-11-27 10:30:22"
    "updated_at" => "2017-11-27 10:30:22"
  ]*/

    var date = new Date();
    var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
    $('#datepicker').datepicker({
        changeYear: true,
        multidate :true,
        maxViewMode: 0,
        startDate: today
    }).on('changeDate', function(e) {
        var $date = $.datepicker.formatDate('yy-mm-dd', e.date);
        $("#event_date").val($date);
        //e.preventDefault();
        //var formData = $('form').serialize();
        $.ajax({
            type: 'GET',
            url: "{{ route('admin.calendar.add') }}",
            data: {'date':$date},
            cache: false,
            success: function(response){
                $("#calendar div.divForm").html(response);
                $("<input type='hidden' value='' name='event_date' id='event_date' />").appendTo('#calendar div.dateDiv');
                $("#event_date").val($date);
                $("#calendar").show();
            }
        });
    });

    $(".close").on("click", function() {
        $("#calendar").hide();
    });
});

$（文档）.ready（函数（）{
//我得到了这个循环的数据，所以我如何才能改变相同的日期背景颜色
@如果（！空（$BookeData））
@foreach（$Bookedataas$key=>$value）
@如果（$value->event\u date）
@恩迪夫
@endforeach
@恩迪夫
/*Gt数据（以$BookeData为单位）
阵列：13[
“id”=>8
“源\类型”=>“应用\场馆”
“源代码id”=>7
“事件日期”=>“2017-11-28”
“会话”=>“1”
“付款”=>“5000”
“状态”=>“已预订”
“创建于”=>“2017-11-27 10:30:22”
“更新时间：2017-11-27 10:30:22”
]*/
变量日期=新日期（）；
var today=新日期（Date.getFullYear（），Date.getMonth（），Date.getDate（））；
$（“#日期选择器”）。日期选择器({
变化年：是的，
多日期：对，
maxViewMode:0，
开始日期：今天
}).on（'changeDate'，函数（e）{
var$date=$.datepicker.formatDate（'yy-mm-dd'，e.date'）；
$（“事件日期”）.val（$date）；
//e、 预防默认值（）；
//var formData=$（'form'）.serialize（）；
$.ajax({
键入：“GET”，
url:“{route（'admin.calendar.add'）}}”，
数据：{'date'：$date}，
cache:false，
成功：功能（响应）{
$（“#calendar div.divForm”）.html（回复）；
$（“”）.appendTo（“#calendar div.dateDiv”）；
$（“事件日期”）.val（$date）；
$（“#日历”）.show（）；
}
});
});
$（“.close”）。在（“单击”，函数（）{
$（“#日历”）.hide（）；
});
});

---

根据我对您问题的理解，请尝试以下方法：

activeClass

可以是任何形式的CSS。在我的示例中，我刚刚更改了背景色。在您的示例中，可以偏移图像并将其应用于当天

.activeClass{
   color: yellow;
   background: white; 
}

---

希望这对你有帮助，或者你能有一些想法

Is

$value->event_date

为您提供场地的预定日期？？是。您可以检查数组数据。我想更改同一日期的背景色。好的，您可以为日历添加html代码吗？链接：只需尝试：

$（'#whateverID'）。datetimepicker（{color:yellow；background:white；}）event_date时只得到一个日期。我如何设置代码。
var booked_date=[“27/11/2017”]
是一个
数组（）。因此，您可以根据您的数据选择许多日期！我是说你在loop的约会，然后把它放在那里！但是我的循环中有一个日期和一个全天和半天预订的标志。所以我想测试条件，如果当天日期&flag==全天，然后应用一些css。。
.activeClass{
   color: yellow;
   background: white; 
}