将日期选择器应用于蒙版

时间:2009-07-17 14:49:24

标签: jquery datetime jquery-ui mask

我是javascript和web开发场景的新手,所以请耐心等待。在我正在编程的网站上,我有一个表格,其中包含来自服务器端源的日期值。单击表格的一部分后,文本将被包含单击日期的输入文本框(应用蒙版)替换,当文本框出现时,应显示一个jquery datepicker框,以便可以编辑日期。在这种情况下,是否可以将日期选择器应用于屏蔽文本框。如果是这样,你会怎么做呢? ?

1 个答案:

答案 0 :(得分:1)

可以在同一文本框中使用日期选择器和日期掩码,您可以使用jQuery掩码和jQuery日期选择器。在click事件中,将焦点放在出现的文本框上,并且datepicker将展开。

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文件