如何允许使用日历按钮选择日期,但禁止在 Dojo 日期文本框中输入日期?
有没有办法做到这一点?如果有怎么办?
基本上我希望用户能够使用日历按钮选择日期,但不允许他们手动输入日期。
如何允许使用日历按钮选择日期,但禁止在 Dojo 日期文本框中输入日期?
有没有办法做到这一点?如果有怎么办?
基本上我希望用户能够使用日历按钮选择日期,但不允许他们手动输入日期。
创建客户端 onfocus 事件:
thisEvent.target.blur();
这不会阻止字段的值通过日期助手以编程方式填充,但如果他们尝试手动聚焦(即单击或 Tab 进入)该字段,它将再次将它们踢出。
我在日期时间字段上尝试了showReadonlyAsDisabled的一个新属性。但它最终创建了一个禁用字段,但令人惊讶的是,它在编辑框的情况下创建了一个只读字段。因此,我必须在加载页面时通过 javascript 设置 readonly 属性来创建解决方法。下面是代码片段:
<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>
我不知道这是否是最佳解决方案,但它有效!