將掩碼添加到可編輯字段

Question

我一直試圖在jEditable字段上放置日期掩碼，但無法使其工作。如果有人能解釋如何，這將是太棒了！

使該字段編輯添加以下到我的.aspx頁面中：

<script src="<%:Url.Content("~/Scripts/jquery-1.4.4.min.js")%>" type="text/javascript"> 
</script> 
<script src="<%:Url.Content("~/Scripts/jquery.jeditable.js")%>" type="text/javascript"> 
</script> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('.editable').editable('<%=Url.Action("UpdateSettings") %>', { 
      type: 'text', 
      cancel: 'Cancel', 
      event: 'dblclick', 
      submit: 'OK', 
      tooltip: 'double Click to edit...' 
     }); 
    }); 
</script> 

如何修改這使該字段日期掩蓋？

Answer 1

$(".masked").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", { 
     indicator : "<img src='img/indicator.gif'>", 
     type  : "masked", 
     mask  : "99/99/9999", 
     submit : 'OK', 
     tooltip : "Click to edit..." 
    }); 

Answer 2

您可以通過使用屏蔽輸入的做到這一點：
http://digitalbush.com/projects/masked-input-plugin/

退房http://www.appelsiini.net/projects/jeditable/custom.html其中米卡（Jeditable）提供其使用的樣本。