将日期选择器应用于掩码

【问题标题】：applying a datepicker to a mask将日期选择器应用于掩码
【发布时间】：2009-07-17 14:49:23
【问题描述】：

我是 javascript 和 Web 开发领域的新手，所以请多多包涵。在我正在为其编程的网站上，我有一个表格，其中填充了来自服务器端源的日期值。单击表格的一部分后，文本将替换为包含单击日期的输入文本框（应用掩码），并且当文本框出现时，应该出现一个 jquery datepicker 框，以便可以编辑日期.在这种情况下是否可以将日期选择器应用于蒙面文本框。如果是这样，你会怎么做呢？ ?

【问题讨论】：

标签： jquery datetime jquery-ui mask

【解决方案1】：

可以在同一个文本框中使用日期选择器和日期掩码，您可以同时使用 jQuery 掩码和 jQuery 日期选择器。在点击事件上，将焦点放在正在出现的文本框上，日期选择器将展开。

jQuery(document).ready(function() {
     jQuery(".classOfTextbox").datepicker(
        {
            changeMonth: true,
            changeYear: true
        });
     $(".classOfTextbox").mask("99/99/99;");

   $('table').click(function(){
      $(".classOfText").hide();
      $(".classOfTextbox").show();
      $(".classOfTextbox").focus();    
   });    
}

不要忘记为 .classOfTextbox 添加样式 display:none 并包含 jQuery 所需的所有 .js 和 .css 文件

【讨论】：