How to call your checkboxfor to call your jquery ui for datepicker?

See more:

HTML

bootstrap

jQuery-UI

Hi Team

I have checkboxfor, but in some moments it does not work well. What i want when i check, must populate the calendar with datepicker that has time. Below this is what i have tried

What I have tried:

<pre> <div class="form-check">
                                <div class="col-xl-2">
                                    @Html.CheckBoxFor(model => model.Lockuntil, new { @class = "form-check-input" })
                                    <label class="form-check-label" for="@Html.IdFor(model=>model.Lockuntil)">Lockuntil</label>

                                </div>
                            </div>

$( "#datepicker" ).datepicker({
      regional: "da",
      constrainInput: true,
      showWeek: true
});

$("#dataLocker").change(function() {
    if(this.checked) {
        $("#datepicker").prop("disabled",false);
    }else{
        $("#datepicker").prop("disabled",true);
    }
});