Vb.net 如果用户手动输入数据,如何禁用日历控件?
我有一份SSRS报告,使用输入作为日期。但是Chrome不支持日期时间选择器,所以我添加了一个jQuery日期时间选择器。我添加了查找输入控件并用日期时间选择器替换该控件的逻辑。我面临的一个问题是,如果我手动输入日期,日历控件仍会显示。如果用户手动输入任何值,我想设置该日历控件的可见性。请查找附加的屏幕截图 下面给出的代码是我用于此目的的代码Vb.net 如果用户手动输入数据,如何禁用日历控件?,vb.net,reporting-services,ssrs-2008,Vb.net,Reporting Services,Ssrs 2008,我有一份SSRS报告,使用输入作为日期。但是Chrome不支持日期时间选择器,所以我添加了一个jQuery日期时间选择器。我添加了查找输入控件并用日期时间选择器替换该控件的逻辑。我面临的一个问题是,如果我手动输入日期,日历控件仍会显示。如果用户手动输入任何值,我想设置该日历控件的可见性。请查找附加的屏幕截图 下面给出的代码是我用于此目的的代码 <link rel="Stylesheet" href="../../../../../Core/Styles/jquery-ui-1.10.3.
<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>
$(函数(){
$(“#rpvReport__ctl0__ctl7__ctl0”).datepicker();
$(“#rpvReport__ctl0__ctl5__ctl0”).datepicker();
$(“#rpvReport__ctl0__ctl9__ctl0”).datepicker();
$(“#rpvReport__ctl0__ctl11__ctl0”).datepicker();
});
感谢您的帮助
附加到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>
$(函数(){
$(“#日期选择器”).datepicker();
$(“#日期选择器”).keyup(函数(事件){
如果(event.target.value==“”){
$(“#日期选择器”)。日期选择器(“显示”);
}
否则{
$(“#日期选择器”)。日期选择器(“隐藏”);
}
});
});