标签: react-datetime

我在日历控件中使用了react-datetime，现在的问题是，如果用户输入了一个无效的日期，例如'djfdjfhjkhdf'，那么在此控件中就没有任何要验证的东西了，所以我决定编写自己的验证函数并在其上调用如果日期无效，则模糊事件，然后清除用户输入的文本。我的代码如下：-

import DatePicker from 'react-datetime';

focousOut(value) {
if (!validateDate(value)) {
  this.setState({ startDate:  ''});
  this.setState({ selectedValue: '' });
 }
}
handleChange(date) {
 this.setState({ selectedValue: date });
 this.setState({ startDate: date });
}

<Datetime
  timeFormat={false}
  value={this.state.selectedValue}
  defaultValue={this.state.startDate}
  onChange={this.handleChange}
  onBlur={this.focousOut}
  locale='en-US'
  dateFormat
  closeOnSelect
/>

我正在使用react-datetime开箱即用.

现在,我正在尝试将所选日期保存到我的date州.

import DateTime from 'react-datetime';
import '../DateTime.css';

class SomeClass extends React.Component {
  render(){
    return (
      <div>
        <DateTime onChange={this.props.handleDate}/>
      ...

上面的程序有效 - 它显示一个简单的框,当有人点击它时显示日历.

这是handleDate方法:

  ...
  handleDate(e){
    this.setState({date: e.target.value}, () => console.log(this.state.date))
  };

它适用于我常规的'react-bootstrap组件:<FormControl type="date" onChange={this.props.handleDate} />但是当我使用时DateTime,它表示它的值是未定义的." Schedule.js:135 Uncaught TypeError: Cannot read property 'value' of undefined"

我正在查看来自npm网站的API,但没有看到任何显示如何获取数据的示例.我可能会重读它.

如何使用DateTime？获取所选日期的值？e.target.value似乎不适用于这种情况.

我正在使用react-dateTime Picker。react-datetime 选择器的 css 不起作用。谁能告诉我为什么它看起来像。它看起来像这样。

第二个这个下面的功能正在工作，但 css 正在工作。

var yesterday = Datetime.moment().subtract( 1, 'day' );
var valid = function( current ){
    return current.isAfter( yesterday );
};

我正在尝试使用 className 将 border-radius: 5px 添加到 React-datetime 组件，但不起作用。

例如：

  import ReactDateTime from \xe2\x80\x98react-datetime\xe2\x80\x99;\n\n<ReactDateTime className=\xe2\x80\x98datetime\xe2\x80\x99 />\n\n .datetime{\n border-radius: 5px;\n }\n

我知道react-datetime模块提供了单独的css样式。但我担心的是为什么当我使用 className 时它不接受。

我正在开发一个 reactjs 应用程序，我想为我的应用程序设置时区。我正在使用 react-datetime 包进行日期和时间选择。

我的要求是，我的应用程序需要使用用户选择的时区。例如，在我的个人资料中，我设置了 America/losangels 时区，但我在印度。所以日期选择器需要显示/提供 America/losangels 的日期和时间，但我得到的是 IST 的日期和时间。

是否可以更改 react-datetime 选择器 timzone？