Как отключить числовой ввод datepicker?

Question

Мне нужна помощь в решении этой проблемы. Я хочу ТОЛЬКО backspace и клавиши со стрелками, работающие в поле «Date1». Я видел, что как только он станет полем «datepicker» с кодом ниже, допустимы числовые символы и «/». Могу ли я отключить это, чтобы работали только клавиши backspace и стрелки? Не хочу, чтобы люди набрав в случайных чисел ..

<script> 
 
var dateToday = new Date(); 
 
$(function() { 
 
    $("#Date1").datepicker({ 
 
     numberOfMonths: 1, 
 
     showButtonPanel: true, 
 
     minDate: dateToday 
 
    }); 
 
}); 
 
</script> 
 

 
<script> 
 
var o = document.getElementById('Date1'); 
 
o.addEventListener('keydown', function(e) { 
 

 
    if(e.keyCode >= 37 && e.keyCode <= 40) { 
 
     return; 
 
    } 
 
    if(e.keyCode === 8 || e.keyCode === 58) { 
 
     return; 
 
    } 
 
    e.preventDefault(); 
 
}, false); 
 
</script>

<input type="text" id="Date1" name="Date1">

Теперь он работает, как предполагалось. Я не могу использовать все клавиши букв на клавиатуре i

Answer 1

Почему бы вам не пометить ваш вход readonly="true", чтобы отключить ввод.

<input type="text" id="Date1" name="Date2" readonly="true"> 

Это послужит цели.

Update

Как указано, что очистка поля ввода должно быть разрешено. Пожалуйста, обновите свой слушатель до этого

o.addEventListener('keydown', function(e) {  
    switch(e.keyCode){ 
     case (e.keyCode >= 37 && e.keyCode <= 40): 
     case (e.keyCode === 8 || e.keyCode === 58): 
     case (e.keyCode >= 48 && e.keyCode <= 57); 
      return; 
     default:   
      console.log(e.keyCode); // do something for default 
    }  
    e.preventDefault(); 

}, false);