如何在Jquery中取消选中/检查日期选择器或日历？

如何解决如何在Jquery中取消选中/检查日期选择器或日历？

我有一个jquery datepicker，但是当用户单击它必须隐藏日历时，我一直在努力取消选中。我如何实现将jquery与bootstrap一起使用？如何使用日历而不是jquery-datepicker？我的复选框在单击时必须将用户带到日历，尝试使用jquery-datepicker，任何示例将不胜感激。

@using (Html.BeginForm("Modules","Home",FormMethod.Post))
                                    {
                                        @Html.CheckBoxFor(model => model.Lockuntil,new { @class = "rb",data_toggle = "hide-element",data_target = "#datepicker17" })
                                        @Html.LabelFor(model => model.Lockuntil,new { @class = "form-check-label" })
                                        @Html.TextBoxFor(model => model.DateColumn,new { id = "datepicker" })
                                    }

      <script type="text/javascript">
                        $(function () {
                            var toggleHideElement = function (chk) {
                                var target = $(chk.getAttribute("data-target"));
                                if (chk.checked) {
                                    target.removeClass("d-none").attr("aria-hidden","false");
                                }
                                else {
                                    target.addClass("d-none").attr("aria-hidden","true").val("");
                                }
                            };

                        });
$(function() ({
var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
});
                    
                    </script>