日期选择器 : How to change the focus of calendar to today's date in UI5?

Question

我遇到了关于 sap.m.DatePicker 的问题.当我单击日历图标时，我想在日历中查看今天的日期。但是我无法显示。以下是我的代码:

<DatePicker displayFormat="dd-MM-yyyy" valueFormat="yyyy-MM-dd" value="31-12-9999" navigate=".onNavigateDate"/>

在上面的屏幕截图中，我从后端获取日期 31-12-9999。但是如果点击日历图标，我应该会在日历中看到今天的日期。用户很难导航到当前日期。

我尝试过使用 setInitialFocusedDateValue 但它没有用。下面是我的 navigate 事件的 JavaScript 代码。

onNavigateDate: function(event) {
  var dateObject = event.getSource();
  dateObject.setModel(new JSONModel({ date: new Date() }));
  var m = dateObject.getModel();
  dateObject.setDateValue(m.getProperty("/date"));
  dateObject.setInitialFocusedDateValue(m.getProperty("/date"));
},

如果我点击日历图标，谁能帮我在日历中显示今天的日期？

Answer 1

我使用了这样的导航事件并且它起作用了:

查看:

<DatePicker
  id="DP1"
  placeholder="Enter Date ..."
  navigate="onNavigate"
  value="31-12-9999"
  class="sapUiSmallMarginBottom"/>

在 Controller 中:

onNavigate : function(oEvent) {
    oEvent.getSource().setValue(new Date())
}

您在navigate 方法中使用的逻辑似乎不起作用。可能是因为你的 UI5 版本。 initialFocusedDateValue 属性仅在版本 1.46.0 上发布。另外，请记住，我所做的方法会更改日期选择器的值，这意味着一旦关闭，它将以今天的日期作为值。