Question

我试图在SAPUI5的datePicker上添加内联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

在 controller 中加载片段后，可以通过设置maxDate的{{1}}和minDate属性来实现它。

控制器

sap.m.DatePicker

片段

//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会在渲染之前切换。

SAPUI5 DatePicker minDate不起作用

2 个答案: