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，其中Mika（Jeditable）提供了其使用示例。

将掩码添加到可裁剪字段

2 个答案: