时间戳

首页 > 解决方案 > 如何有条件地添加 Javascript 组件当前日期？

javascript - 如何有条件地添加 Javascript 组件当前日期？

问题描述

TextInput 是一个组件。我想formKey = {'signDate'}使用 TextInput 组件为部件设置当前日期。我在下面分享了组件的使用。如果有条件formKey = {'signDate'}，我想将当前日期发送到 changeSelected 方法。如果键不是'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>

标签： javascriptreactjs

解决方案

if (this.props.formKey === 'signDate') {
   const date = new Date()
   changeSelected(date)
} else {
   changeSelected(e.target.value)
}

您需要查找一个名为的道具formKey并确保它具有值，signDate然后使用new Date()传入的函数调用该函数。else使用输入 val 调用它

推荐阅读