vb.net - 如果用户手动输入数据，如何禁用日历控件？

Question

我在 SSRS 中有一份使用输入作为日期的报告。但是 Chrome 不支持日期时间选择器，所以我添加了一个 jQuery 日期时间选择器。我添加了查找输入控件并用日期时间选择器替换该控件的逻辑。我面临的一个问题是，如果我手动输入了日历控件仍然显示的日期。如果用户手动输入任何值，我想设置该日历控件的可见性。请找到随附的屏幕截图。

下面给出的是我为此目的使用的代码。

 <link rel="Stylesheet" href="../../../../../Core/Styles/jquery-ui-1.10.3.custom.css"/>
   <script type="text/javascript" src="../../../../../Core/Includes/jquery-1.9.1.js">         
   </script>
   <script type="text/javascript" src="../../../../../Core/Includes/jquery-ui.js"></script>
     <script type="text/javascript">
        $(function() {
        $("#rpvReport__ctl0__ctl7__ctl0" ).datepicker();
        $("#rpvReport__ctl0__ctl5__ctl0" ).datepicker();
        $("#rpvReport__ctl0__ctl9__ctl0" ).datepicker();
        $("#rpvReport__ctl0__ctl11__ctl0" ).datepicker();
    });
  </script>

任何帮助表示赞赏！！！！

Answer 1

附加到 keyup 事件（您也可以使用 keydown 或 keypress）。然后您可以评估该字段的当前值。如果它为空，则显示 datepicker 控件。如果没有，则隐藏 datepicker 控件。请参阅以下示例。

    <script>
    $(function() {
        $("#datepicker").datepicker();
        $("#datepicker").keyup(function(event) {
                                    if(event.target.value == ""){
                                        $("#datepicker").datepicker("show");
                                    }
                                    else {
                                        $("#datepicker").datepicker("hide");
                                    }
                               });
    });
    </script>