Question

如何使用calandar按钮选择日期但禁止在Dojo Date Textbox中键入日期？

有办法做到这一点吗？如果是这样的话？

基本上我希望用户能够使用日历按钮选择日期，但不允许他们手动输入日期。

Answer 1

创建客户端onfocus事件：

thisEvent.target.blur();

这不会阻止字段的值通过日期帮助程序以编程方式填充，但是如果它们尝试手动聚焦（即单击或切换到）字段，它将再次将它们重新启动。

Answer 2

我在日期时间字段上尝试了showReadonlyAsDisabled的新属性。但它最终创建了一个禁用字段，但令人惊讶的是，它在编辑框中创建了一个只读字段。所以我必须在加载页面时通过setting the readonly property via javascript创建一个变通方法。以下是代码段：

<xp:inputText id="dateTimeField">
    <xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
    <xp:this.converter>
        <xp:convertDateTime type="date"></xp:convertDateTime>
    </xp:this.converter>
</xp:inputText>
<xp:br></xp:br>
<xp:scriptBlock>
    <xp:this.value><![CDATA[XSP.addOnLoad(
    function() {
        document.getElementById("#{id:dateTimeField}").readOnly = true;
    }
);]]></xp:this.value>
</xp:scriptBlock>

我不知道这是否是最佳解决方案，但它确实有效！

如何允许使用日历按钮选择日期，但禁止在Dojo日期文本框中键入日期？

2 个答案: