Date Picker opens itself when it changes neighbor input

Question

Good morning, I have the following code:

var maxDate = new Date();
maxDate.setDate( maxDate.getDate() + 364);

$(".dtpBloqueio").datepicker( {
    numberOfMonths: 2,
    dateFormat: 'dd/mm/yy',
    maxDate: maxDate
});

when a select input is changed that is within the same as the date input, if any, maxDate is set as today.

<table>
    <tr>
        <td>
           <select name="datasLocalizaSv" id="listaDatasLocalizaSv"/>
        </td>   
        <td>
          <input id="dataComeco" name="dataComeco" class="dtpBloqueio"/>
        </td>
    </tr>
</table>

$(".dtpBloqueio").datepicker("change", { maxDate: new Date() } );

Only every time I change the information in select the datapicker opens itself in the first input, only it opens blank, as if it had used the "refresh".

How can I make the datepicker not open alone when I change something on his side?

Answer 1

I believe your error is precisely in the date-changing code. I searched the documentation and there is no such option change, then I think this is generating some event that is interpreted as a click. Try to replace this code with something like this:

$( ".dtpBloqueio" ).datepicker( "option", "maxDate", new Date() );

Answer 2

I managed to sort it out like this:

$( ".dtpBloqueio" ).datepicker('destroy');

and then I created again the datepicker:

$(".dtpBloqueio").datepicker( {
    numberOfMonths: 2,
    dateFormat: 'dd/mm/yy',
    maxDate: new Date()
});