SAPUI5 - 如何在 DateRangeSelection 中禁用文本输入答案

【问题标题】：SAPUI5 - How do I disable text input in DateRangeSelectionSAPUI5 - 如何在 DateRangeSelection 中禁用文本输入
【发布时间】：2018-04-11 21:01:14
【问题描述】：

我需要完全禁用 DateRangeSelection 上的文本输入，以便只接受日历选择..

我可以禁用 DatePicker 组件的文本输入...

view.byId("__reportDate")._bMobile = true;

很遗憾，这不适用于 DateRangeSelection。

还有什么我可以尝试的吗？

【问题讨论】：

标签： datepicker sapui5 date-range

【解决方案1】：

似乎没有标准属性可以做到这一点，但是您可以调整用于将其设置为只读的底层输入元素。这将禁用该字段中的任何文本输入。这可能是其中一种方法。

var oDateSel = this.getView().byId("dateSel");
$("#"+oDateSel.sId+" input").prop("readonly",true);

注意：这当然不是 UI5 标准的标准方法。如果控件被重新渲染，您可能还需要设置一个处理程序来将元素设置为只读。

【讨论】：

【解决方案2】：

解决方案是...

 var dateSel = sap.ui.getCore().byId("dateRange");
 $("#"+dateSel.sId+" input").prop("disabled",true);

（只读清除了 IE 中的占位符）。

【讨论】：