如何有条件地添加脚本组件的当前日期？

Question

文本输入是一个组件。我想使用文本输入组件为部件设置当前日期。我在下面分享了组件的用法。如果有条件，我想将当前日期发送到更改选择方法。如果键不是“符号日期”，则应设置输入值。我该怎么做？formKey = {'signDate'}formKey = {'signDate'}文本输入用法<TextInput  fieldName={'Date'}  addClassName={'orange-text'}  formKey={'signDate'}  disabled={true}/>文本输入.js<Form.Group controlId={formKey}>  {fieldName && (<Form.Label>{fieldName}</Form.Label>)}    <Form.Control type={type}          placeholder={placeholder}          required={required}          name={formKey}          onBlur={e => {             let val = e.target.value                 if (changeSelected) {                     changeSelected(val)                       }                   }}             onChange={evt => updateValue(evt)}             value={input.value}             disabled={disabled}             maxLength={maxLength}             className={(addClassName ? ' ' + addClassName : '')}       /> <Form.Control.Feedback type="invalid" style={{      width: '8rem',      color : 'red'  }}>       {validationError}  </Form.Control.Feedback></Form.Group>

Answer 1

if (this.props.formKey === 'signDate') {

   const date = new Date()

   changeSelected(date)

} else {

   changeSelected(e.target.value)

}

您需要查找调用的 prop 并确保它具有值，然后使用传入调用函数。 使用输入值调用它formKeysignDatenew Date()else

Answer 2

代码沙盒演示：https://codesandbox.io/s/nice-water-3oj8i?file=/src/TextInput.js

formKey已在可调用 的作用域中使用。您应该能够直接使用它：changeSelected

changeSelected(formKey === 'signDate' ? new Date().toLocaleDateString() : e.target.value)

注意：您没有指定要在那里使用哪种日期字符串（顺便说一句，该字符串与区域设置相关，应在发送回服务器之前进行解析）。您的输入只是一个普通的输入，没有应用架构，所以我只是猜测你想要一个裸的日期字符串。有没有原因你没有使用 Date 控件（可用于你正在使用的反应引导）？

您实际上可能只是在格式化日期字符串时遇到问题吗？
toLocaleDateString
toLocaleString
国际机场

Answer 3

我相信你正在使用ReactJS，有多种方法可以有条件地添加/包含元素，在同一 https://scotch.io/tutorials/7-ways-to-implement-conditional-rendering-in-react-applications