javascript - AnyTime日期选择器添加清除按钮

Question

我是 js 新手，正在尝试弄清楚是否有一种方法可以修改 AnyTime Datepicker 中的现有按钮或添加一个新按钮来清除字段中的日期。

我认为这是一个可能的解决方案，但无法弄清楚将其插入到 everytime.js 的何处以防止 AnyTime 日期选择器损坏:

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

好的，所以我下面的代码可以在 Chrome/firefox 中运行，但不能在 IE 9 中运行。在 IE 9 中，我单击“清除”按钮，它会弹出日期选择器。如果我在 IE 中单击它两次，它将清除该字段。我怎样才能让它兼容IE9:

<tr>
                        <td>
                            <label class="width100 right displayInlineBlock padBottom5">Received:
                                <input class="width70 calendarBackground" type="text" maxlength="4000" name="received" id="received" value="<%=report.getFormattedReceived()%>" />
                                <script>
                                    AnyTime.picker( "received", { format: "%d %b %y", firstDOW: 1 } );
                                </script>
                                <input type="button" id="receivedClear" value="Clear" />
                                <script>
                                    $("#receivedClear").click( function(e) {
                                    $("#received").val("").change(); } );
                                </script>
                            </label>
                        </td>
                    </tr>

谢谢!

Answer 1

问题是，选择器在日期字段获得焦点时出现，并且不断更新字段以显示当前选定的日期(空时默认为当前日期)。因此，根据设计，调用 change() 来调出选择器还应该使用当前日期/时间填充该字段。

如果您想清除该字段，您应该只调用 val('') 而不是调出选择器。如果您想显示选择器，那么您应该要么不清除该字段，要么愿意接受选择器会将字段重置为当前时间。

我正在开发一个新的选择器，在选择器被关闭之前它不会自动更新字段，但距离发布还有几个月的时间。