Question

I want to force the user to only use the drop down and calendar to
select a date in the DatetimePicker control.

I do NOT want them to select the control, then use the up and down
arrow keys to change the date.

How can I prevent them using the arrow keys?

Any help much appreciated.

<script type="text/javascript">
       $(function () {
           $(".datepicker").datepicker({
               changeMonth: true,
               changeYear: true
           });
       });
       $(function () {
           $(".datepickerApplyyear").datepicker({
               changeMonth: true,
               changeYear: true,
               yearRange: '0+100'
           });
       });
   </script>

FYR:

Answer 1

Try this:

$("#datepic").datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'dd/mm/yy',
      duration: 'fast',
      stepMonths: 0
    });​

This will disable the user to select using next and previous buttons.