Specify date format in the filter's date inputs

Options

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<p>
  By default, Flexmonster displays dates in the <code>"dd/MM/yyyy"</code> format
  in the filter's date inputs. This example displays dates in the
  <code>"MM/dd/yyyy"</code> format using the
  <a
    href="https://www.flexmonster.com/api/options-object/#filter-dateformat"
    target="_blank"
  >filter.dateFormat</a> property.
</p>

<div id="pivot-container1"></div>

CSS

@import url(https://cdn.flexmonster.com/assets/jsfiddle-styles.css);

JavaScript

const pivot = new Flexmonster({
  container: "pivot-container1",
  componentFolder: "https://cdn.flexmonster.com/",
  height: 260,
  report: {
    dataSource: {
      type: "api",
      url: "https://olap.flexmonster.com:9500",
      index: "dateWithTime",
      mapping: {
        "D": {
          type: "datetime",
          caption: "Date"
        }
      },
    },
    options: {
      filter: {
        dateFormat: "MM/dd/yyyy"
      }
    },
    slice: {
      rows: [{
        uniqueName: "D",
        filter: {
          query: {
            equal: "2019-03-08T07:26:00"
          }
        }
      }],
      columns: [{
        uniqueName: "[Measures]"
      }],
      measures: [{
        uniqueName: "Price",
        aggregation: "sum"
      }]
    },
  },
  reportcomplete: function() {
    pivot.openFilter("D");
  }
});