选择日期后如何防止打开日期选择器？

Question

Datepicker keeps on opening after selecting a date, how to prevent opening datepicker after choosing the date?

$("#dateload").datepicker({
    dateFormat: 'mm-dd-yy'
});

I tried with autoclose property to true but did not worked. I also tried with on change event to hide the datepicker, also not worked.

Answer 1

I would go with this. (Demo here: http://codepen.io/8odoros/pen/OmNMVy )

 $( "#dateload" ).datepicker({
    dateFormat: 'mm-dd-yy',
    onSelect:function(){      
        if($(this).datepicker("getDate")) $(this).datepicker("destroy");
    }
  });

Answer 2

Try to use this on change event handler.

$('#dateload').datepicker({
  format: 'mm-dd-yy'
}).on('change', function(){
    $('#dateload ~ .ui-datepicker').hide();
});

Answer 3

You can try to hide the dates after date changes like this

 $('#dateload').datepicker({
      format: 'mm-dd-yy'
    }).on('change', function(){
        $('.datepicker').hide();
    });