Javascript 单击复选框时不显示日期选择器？

我想点击复选框，但文本框没有显示我的日期选择器，需要一些帮助，没有javascript错误。这可能是什么原因？下面是我的逻辑

$（文档）.ready（函数（）{
//单击时使用复选框绑定事件。单击时将调用函数onClickCheckBox。
$（'#locktuntil'）。在（'单击'，onclick复选框）上；
//在页面加载时隐藏或显示。c
onClickCheckBox（）；
});
//基于复选框值显示隐藏文本框的逻辑
函数onClickCheckBox（）{
如果（$（'#locktuntil'）。为（“：选中”））{
$（“#TextValue”）.show（）；
}否则{
$（“#TextValue”）.hide（）；
}
}

@CheckBoxFor（model=>model.locktill，new{@class=“rb”，id=“locktill”}）
@Html.TextBoxFor（model=>model.TextValue，新的{@class=“datepicker”，id=“TextValue”}）

$（文档）.ready（函数（）{
$（document）.on（“click”、“#Lockuntil”、onClickCheckBox）//单击时用复选框绑定事件。单击时将调用函数onClickCheckBox。
$（'#TextValue'）。日期选择器({
方向：“底部自动”，
格式：“dd-MM-yyyy”，
今天的亮点：没错，
minDate:0
}).on（'changeDate'，功能（ev）{
$（this.datepicker（'hide'）；
});
onClickCheckBox（）；//在页面加载时隐藏或显示。c
});
函数onClickCheckBox（）//根据复选框的值显示隐藏文本框的逻辑。
{
如果（$（'#locktuntil'）。为（“：选中”））{
$（“#TextValue”）.show（）；
}
否则{
$（“#TextValue”）.hide（）；
}
}

这里回答了类似的问题：也检查这个小提琴的工作演示：你还需要在文本框上初始化datepicker，我没有看到任何初始化代码，你可能还想检查一下：你的代码看起来不错-你是否在加载页面后加载

行

？尝试更改

$（“#锁定直到”）。在（“单击”…

到

$（文档）。在（“单击”、“#锁定直到”，onClickCheckBox）

以排除它。在您的doc.ready中，添加

控制台.log（$（“[id=lockintil]”）。长度，$（[id=TextValue]”）。长度）

-这给您带来了什么？@freedom控制台.log（$（“[id=lockintil]”）。长度，$（[id=TextValue]”）.信息11@freedom我发现，我没有添加Datepicker字段。请参阅我添加的解决方案。

  <script type="text/javascript">

                    $(document).ready(function () {

                        $(document).on("click", "#Lockuntil", onClickCheckBox) // bind an event with checkbox on click. On click function onClickCheckBox will be called.

                        $('#TextValue').datepicker({
                            orientation: "bottom auto",
                            format: 'dd MM yyyy',
                            todayHighlight: true,
                            minDate: 0
                        }).on('changeDate', function (ev) {
                            $(this).datepicker('hide');
                        });

                        onClickCheckBox(); // to hide or show on page load.c
                    });

                    function onClickCheckBox() // logic to show hide textbox based on checkbox's value.
                    {
                        if ($('#Lockuntil').is(":checked")) {
                            $("#TextValue").show();
                        }
                        else {
                            $("#TextValue").hide();
                        }
                    }
                </script>