如何清除只读jQuery日期选择器文本框?

前端之家收集整理的这篇文章主要介绍了如何清除只读jQuery日期选择器文本框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们在只读文本框上有一个 JQuery日期选择器控件.我们使文本框只读,以便用户无法输入自己的日期.这很好,但是我们希望为用户提供选择日期后,清除文本框内容的选项.

你怎么能这样做?显然这个功能以前被编入控件,但是是removed.

注意:我们使用以下方式禁用输入到文本框:

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

更新:我解决了这个选择答案略有不同:

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();
    });

解决方法

用户如何排除 keys以清除“del”,“退格”等文本框?
$("#text-Box").keypress(function (e)
{
  switch(e.keyCode) { 
          case 46:  // delete
          case 8:  // backspace
            break;
          default:
            e.preventDefault();
            break;
       }
});
原文链接:https://www.f2er.com/jquery/176284.html

猜你在找的jQuery相关文章