Syncfusion 日期范围选择器

【问题标题】：Syncfusion Date Range PickerSyncfusion 日期范围选择器
【发布时间】：2021-12-25 23:39:20
【问题描述】：

我试图阻止用户通过键入来编辑输入文本区域，只允许使用弹出日历进行更改...。我遵循了文档，但属性 allowEdit 不适用于我的代码

<DateRangePickerComponent
      cssClass="customCSS"          
      placeholder="Select date range"
      allowEdit= "false"
      onChange={this.dateRangeHandler}
    />

我还发现设置这个日期选择器的样式并不容易......从他的父组件继承了所有样式，所以我需要自定义它的每一点......

【问题讨论】：

标签： syncfusion ej2-syncfusion

【解决方案1】：

我们需要在 react 平台中使用正确的 JSX 语法定义 allowEdit 属性，以摆脱报告的问题。

<DateRangePickerComponent
cssClass="customCSS"
placeholder="Select date range"
allowEdit={false}
onChange={this.dateRangeHandler}
/>

示例：https://stackblitz.com/edit/react-6jwtbf

请参阅以下文档以了解更多信息。

How are boolean props used in React?

https://reactjs.org/docs/introducing-jsx.html

【讨论】：