SAPUI5 DatePicker minDate 不起作用

Question

我正在尝试在SAPUI5中的日期选择器上添加一个内联minDate。

我试过：

片段

<DatePicker id="PurchaseDateFromId" value="" minDate="{ new Date(); }"/>

<DatePicker id="PurchaseDateFromId" value="" minDate="{ todayDate }"/>

控制器

var todayDate = new Date();

两者都不起作用，控制台声明它必须是 JS 对象。

Answer 1

也许这些例子对你有所帮助。

视图 1

<DatePicker minDate="{dateModel>/minDate}" />

控制器 1

onInit: function() {
var oModel = new sap.ui.model.json.JSONModel( {
minDate: new Date()
});
this.getView().setModel(oModel, "dateModel");
}

视图 2

<DatePicker id="PurchaseDateFromId"/>

控制器 2

onInit: function() {
this.byId("PurchaseDateFromId").setMinDate(new Date());
}

Answer 2

您可以通过在控制器中加载片段后设置sap.m.DatePicker的maxDate和minDate属性来实现它。

控制器

//Fragment loaded 
var oPurchaseDt = this.getView().byId("PurchaseDateFromId");
if (oPurchaseDt) {
var oPurchaseMaxDate = '';//update max date
var oPurchaseMinDate = new Date();
oPurchaseDt.setMaxDate(oPurchaseMaxDate);
oPurchaseDt.setMinDate(oPurchaseMinDate);
}....

片段

<DatePicker id="PurchaseDateFromId" value=""/>

注： 如果maxDate设置为在minDate之前，则在渲染之前切换maxDate和minDate。