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

Question

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

<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" />

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

<tr>
<td class="tdLabel"><label for="optOutDate1" class="label">Date:</label></td>
<td>
<input type="text" name="optOutDate" size="9" maxlength="10" value="" id="optOutDate1" class="Datepicker"/>
</td>
</tr>

<script type='text/javascript'> 
jQuery(document).ready(function () {
jQuery.struts2_jquery_ui.initDatepicker(false);

});
jQuery(document).ready(function () {
var options_optOutDate1 = {};
options_optOutDate1.buttonImageOnly = true;
options_optOutDate1.changeMonth = true;
options_optOutDate1.changeYear = true;
options_optOutDate1.showOn = "button";
options_optOutDate1.buttonImage = "/kpnsnbm/struts/js/calendar.gif";
options_optOutDate1.yearRange = "2008:2027";
options_optOutDate1.displayformat = "mm-dd-yy";
options_optOutDate1.jqueryaction = "datepicker";
options_optOutDate1.id = "optOutDate1";
options_optOutDate1.name = "optOutDate";

jQuery.struts2_jquery_ui.bind(jQuery('#optOutDate1'),options_optOutDate1);

 });
</script>

 

这里的问题是我无法正确隐藏这个日期选择器；我尝试通过 hide() 方法隐藏它，如下所示，但它只隐藏文本框，而不隐藏日期选择器图像..

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

Answer 1

将数据选择器添加到 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>

然后根据条件隐藏div标签:

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