jQuery-Timepicker-Addon Custom clear button disappears when date changed

Custom clear button disappears when date changed

Open jamesbarsby opened this issue 12 years ago • 4 comments

trafficstars

I have added a custom clear button to my datetimepicker using some code like this:

$( "#mydatefield" ).datetimepicker({
    dateFormat: "dd/mm/yy",
    timeFormat: "h:mmtt",
    beforeShow: function( input ) {
        setTimeout(function() {
            var buttonPane = $( input )
                .datepicker( "widget" )
                .find( ".ui-datepicker-buttonpane" );

            $( "<button>", {
                text: "Clear",
                click: function() {
                    $(input).val('');
                }
            }).addClass('ui-state-default ui-corner-all')
                .appendTo( buttonPane );
        }, 1 );
    }
});

The problem is if I change the date everything is refreshed so my button disappears. I'm guessing this is because the button is created via 'beforeShow'. Is there a way the button could be re-added after the date is changed?

Interestingly changing the time doesn't remove the button.

It's a shame clear buttons aren't a standard feature.