我如何在 jquery 日期选择器中制作一个清晰的按钮

Posted 2023-05-07

【中文标题】我如何在 jquery 日期选择器中制作一个清晰的按钮

【英文标题】：how i can make a clear button in jquery date picker work

【发布时间】：2012-10-15 03:41:29

【问题描述】：

我需要通过弹出窗口使用jQuery datepicker来选择日期并填写不同窗口中的文本字段。（日期选择器和文本字段它们在不同的窗口中）

我直接在 jquery-ui-1.8.16.custom.min.js 中添加了一些清除按钮的代码 在 datepicker 中按钮面板的 DIV 中

<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="DP_jQuery_'+
B+".datepicker._clearDate(this);\">Clear</button>

和我的弹出窗口代码是这样的。

 $("#datepicker").datepicker(
                            showButtonPanel: true,
                            changeMonth: true,
                            changeYear: true,
                            onSelect: function(dateText, inst)
                            
                                var doc = window.opener.form;
                                doc.textfieldname.value = dateText;
                                window.close();
                            
                    );
            );


<div id="datepicker" align="center"></div>

如何通过清除文本字段中的所有文本来使清除按钮起作用

【参考方案1】：

我已经通过 aad id 找到了清除按钮之类的解决方案

<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="DP_jQuery_'+
B+".datepicker._clearDate(this);\" id = "BTClear" >Clear</button>

你可以像 html 按钮一样使用 clear by id