日期选择器：如何在UI5中将日历焦点更改为今天的日期？ [英] Date picker: How to change the focus of calendar to today's date in UI5?

问题描述

我面临一个关于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"));
},

如果我单击"日历"图标，是否有人可以帮助我在日历中显示今天的日期？

推荐答案

我使用如下导航事件，它起作用了：

查看：

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

在控制器中：

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

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

这篇关于日期选择器：如何在UI5中将日历焦点更改为今天的日期？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！