¿Cómo borrar un cuadro de texto del selector de fechas jQuery de solo lectura?

Question

Tenemos un control de selector de fecha JQuery en un cuadro de texto de solo lectura. Hacemos que el cuadro de texto sea solo leído para que los usuarios no puedan ingresar sus propias fechas. Esto funciona muy bien, pero queremos ofrecer a los usuarios la opción de borrar el contenido del cuadro de texto después de haber seleccionado una fecha.

¿Cómo se puede hacer esto? Al parecer, esta funcionalidad solía estar integrada en el control, pero era removed.

Nota: nos desactivar la entrada en el cuadro de texto usando:

$("#text-box").keypress(function (e) 
{ 
    e.preventDefault(); 
}); 

---

actualización: He resuelto esto con una ligera variación de la respuesta seleccionada:

myTextBox.keydown(function(e){ 
     if (e.keyCode == 46 || e.keyCode == 8) { 
      //Delete and backspace clear text 
      $(this).val(''); //Clear text 
      $(this).datepicker("hide"); //Hide the datepicker calendar if displayed 
      $(this).blur(); //aka "unfocus" 
     } 

     //Prevent user from manually entering in a date - have to use the datepicker box 
     e.preventDefault(); 
    }); 

Answer 1

¿Qué hay de exclusión keys que usa el usuario para borrar el cuadro de texto como 'del', 'backspace', etc.?

$("#text-box").keypress(function (e) 
{ 
    switch(e.keyCode) { 
      case 46: // delete 
      case 8: // backspace 
      break; 
      default: 
      e.preventDefault(); 
      break; 
     } 
}); 

Answer 2

 
$("#text-box").bind('keypress keydown', function (e) { 
    var tag = e.target.tagName; 
    if (e.which === 8 || e.which === 46) { 
    $(this).val(''); 
    $(this).datepicker("hide"); 
    $(this).blur(); 
    e.stopPropagation(); 
    e.preventDefault(); 
    return false; 
    } 
}); 

Esto debería funcionar en navegadores que don't trigger keypress events for "delete" keys.