SAPUI5日历单行样式

时间:2018-11-12 16:55:46

标签: javascript sapui5

我有一个问题。

是否可以选择不赞成使用的单行日历? 例如我的老孩子就是这样

like this

但是是sap.me.Calendar类,它已被弃用。.它导致我进入“ 从1.26.0版开始不推荐使用。自1.12以来,该对照是实验性的。请改用sap.ui.unified.Calendar!”

但是ui.uinfied.Calendar没有像singleRow =“ True”这样的选项,我可能找不到它还是我愚蠢地看到了它:D

ui.unifiend.Calendar看起来像like this

那么有没有办法让我喜欢不赞成使用的东西?

谢谢大家!

1 个答案:

答案 0 :(得分:1)

在sap.ui.unified下,有一个称为CalendarDateInterval的控件。我想这可能就是您要寻找的。

sap.ui.getCore().attachInit(() => sap.ui.require([  
  "sap/ui/core/mvc/XMLView",
], (XMLView) => {
  Promise.all([
    sap.ui.getCore().loadLibrary("sap.m", true)
  ]).then(() => XMLView.create({
    definition: `<mvc:View xmlns:mvc="sap.ui.core.mvc"
      xmlns="sap.m"
      xmlns:core="sap.ui.core"
      xmlns:u="sap.ui.unified"
      height="100%"
    >
    <u:CalendarDateInterval id="calendar" width="100%" select="handleCalendarSelect" showWeekNumbers="false"/>
    </mvc:View>`
    }).then(view => view.placeAt("content")));
}));
<script id="sap-ui-bootstrap"
  src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
  data-sap-ui-libs="sap.m"
  data-sap-ui-async="true"
  data-sap-ui-compatversion="edge"
  data-sap-ui-theme="sap_belize"
  data-sap-ui-xx-waitfortheme="true"
  data-sap-ui-xx-xml-processing="sequential"
></script>
<body id="content" class="sapUiBody sapUiSizeCompact" style="height: 100%;"></body>