syncfusion - Syncfusion 日期范围选择器

Question

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

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

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

标签： syncfusionej2-syncfusion

Answer 1

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

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

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

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

React 中如何使用布尔属性？

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