如何隐藏使用struts2-jquery-plugin-3.7.1.jar生成的日期选择器？

您好，我已经使用下面的代码在struts 2中生成了一个日期选择器

上面的代码在浏览器中生成了下面的HTML

日期：
jQuery（文档）.ready（函数（）{
jQuery.struts2\u jQuery\u ui.initDatepicker（false）；
});
jQuery（文档）.ready（函数（）{
var options_optOutDate1={}；
options\u optOutDate1.buttonImageOnly=true；
选项\u optOutDate1.changeMonth=true；
options\u optOutDate1.changeYear=true；
选项\u optOutDate1.shown=“按钮”；
options\u optOutDate1.buttonImage=“/kpnsnbm/struts/js/calendar.gif”；
选项\u optOutDate1.yearRange=“2008:2027”；
选项\u optOutDate1.displayformat=“mm dd yy”；
选项\u optOutDate1.jqueryaction=“日期选择器”；
选项\u optOutDate1.id=“optOutDate1”；
选项\u optOutDate1.name=“optOutDate”；
jQuery.struts2_jQuery_ui.bind（jQuery（'#optOutDate1'），options_optOutDate1）；
});

这里的问题是我不能正确地隐藏这个日期选择器；我试图通过下面的hide（）方法隐藏它，但它只隐藏文本框，而不隐藏日期选择器图像

<script type="text/javascript">
jQuery(function($){
            $( '.Datepicker' ).hide(),
            $('.tdLabel').hide(),
            $('.label').hide();
        });
</script>

jQuery（函数（$）{
$（'.Datepicker'）.hide（），
$（'.tdLabel'）.hide（），
$（'.label'）.hide（）；
});

请参阅下面的链接

例如：

使用“showAnim”作为属性，设置用于显示/隐藏日期选择器的动画名称。使用“show”（默认设置）、“slideDown”、“fadeIn”或任何显示/隐藏jQuery UI效果。默认值：“show”

如类似问题中所述，您需要在隐藏日期选择器之前销毁它：

jQuery（函数（$）{
$（'.Datepicker'）.Datepicker（“销毁”），
$（'.Datepicker'）.hide（），
$（'.tdLabel'）.hide（），
$（'.label'）.hide（）；
});

将数据选择器添加到div标记中

<div id="xyz">
    <sj:datepicker label="Date" name="optOutDate" id="optOutDate1" maxlength="10" value="%     {optOutDate}" cssClass="Datepicker" size="9"  yearRange="2008:2027" changeMonth="true"     changeYear="true" buttonImageOnly="true" displayFormat="mm-dd-yy" showOn="button" />
</div>

---

您应该能够以元素为目标并像这样隐藏它

$( ".Datepicker" ).datepicker( "widget" ).hide();

---

嗨，谢谢你的回复。但我的要求是隐藏文本框、标签和日期选择器图像。设置showAnim只会禁用日期选择器弹出窗口。我试图通过div标签隐藏它，但它没有隐藏..可能是

<div id="xyz">
    <sj:datepicker label="Date" name="optOutDate" id="optOutDate1" maxlength="10" value="%     {optOutDate}" cssClass="Datepicker" size="9"  yearRange="2008:2027" changeMonth="true"     changeYear="true" buttonImageOnly="true" displayFormat="mm-dd-yy" showOn="button" />
</div>

$("#xyz").css("display","none");

$( ".Datepicker" ).datepicker( "widget" ).hide();