How to disable enter key inside jqueryui datepicker

Question

I am using jQueryUI date picker and when user clicks on a textbox and hits the enter key the current date gets populated. I want to avoid that. I have tried this:

$('#datepicker').on('keypress',  function(e){
    if (e.which == 13) {
        e.preventDefault();
        e.stopPropagation();
        return false; 
    }
});

With no luck

here is the link of demo https://jsfiddle.net/shalini456/zwjzo175/

Answer 1

Try this:

$("#datepicker").keydown(myfunction); // use keydown

function myfunction(e) {
    if(e.keyCode === 13) {
        e.stopPropagation();
        e.preventDefault();

        return false;
    }
}

Answer 2

Some of the solutions here appear to work because they throw an exception of some kind.

There are two things which seem to make it work without throwing an exception.

As mentioned by "Charly H" the keydown binding must happen before calling datepicker.

Then in the keydown handler call e.stopImmediatePropagation(). E.g.

  $('#datepicker').bind('keydown',function(e){

    if (e.which == 13)
        e.stopImmediatePropagation();
  })
  .datepicker();

Fiddle: https://jsfiddle.net/8fyvh8wd/18/