date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

Question

Welcome To Ask or Share your Answers For Others

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

I get dates from backend as data format "12/2019" and would like to convert in the format "Dez / 2019" ("Dez" in German, "Dec" in English). Has anyone an idea?

Snippet from my XML view:

<cells>
  <Text text="{Period}" />
  <!-- ... -->
<cells>

Period is an OData V2 entity property and its EDM type is String.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:26:42+0000

Try with:

<Text text="{
  path: 'Period',
  type: 'sap.ui.model.type.Date',
  formatOptions: {
    pattern: 'MMM / yyyy',
    source: {
      pattern: 'MM/yyyy'
    }
  }
}" />

Here is a working demo (Click on Run code snippet):

sap.ui.getCore().attachInit(() => sap.ui.require([
  "sap/ui/core/Fragment",
], Fragment => Fragment.load({
  definition: `<Text xmlns="sap.m"
    text="{
      value: '12/2019',
      type: 'sap.ui.model.type.Date',
      formatOptions: {
        pattern: 'MMM / yyyy',
        source: {
          pattern: 'MM/yyyy'
        }
      }
    }"
  />`
}).then(control => control.placeAt("content"))));

<script id="sap-ui-bootstrap"
  src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
  data-sap-ui-libs="sap.ui.core,sap.m"
  data-sap-ui-theme="sap_fiori_3"
  data-sap-ui-async="true"
  data-sap-ui-compatversion="edge"
  data-sap-ui-xx-waitfortheme="init"
></script><body id="content" class="sapUiBody"></body>

Categories

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags

Categories

date - How to format &quot;MM/yyyy&quot; pattern to locale-dependent &quot;&lt;month name&gt; / yyyy&quot; in SAPUI5?

date - How to format &quot;MM/yyyy&quot; pattern to locale-dependent &quot;&lt;month name&gt; / yyyy&quot; in SAPUI5?

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?

date - How to format "MM/yyyy" pattern to locale-dependent "<month name> / yyyy" in SAPUI5?