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

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

有办法做到这一点吗？如果是，怎么做

---

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

我在日期时间字段中尝试了一个新属性。但它最终创建了一个禁用的字段，但令人惊讶的是，在编辑框的情况下，它创建了一个只读字段。因此，我必须在加载页面时创建一个变通方法。下面是代码片段：

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

---

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

我在日期时间字段中尝试了一个新属性。但它最终创建了一个禁用的字段，但令人惊讶的是，在编辑框的情况下，它创建了一个只读字段。因此，我必须在加载页面时创建一个变通方法。下面是代码片段：

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

---

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

创建客户端onfocus事件：

thisEvent.target.blur();

---

这不会阻止通过日期帮助器以编程方式填充字段值，但如果他们试图手动聚焦（即单击或标记）字段，则会再次将其踢出。

创建客户端onfocus事件：

thisEvent.target.blur();

这并不妨碍通过date helper以编程方式填充字段值，但如果他们试图手动聚焦（即单击或标记）字段，则会再次将其踢出