亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何有條件地添加腳本組件的當前日期?

如何有條件地添加腳本組件的當前日期?

飲歌長嘯 2022-09-29 17:10:48
文本輸入是一個組件。我想使用文本輸入組件為部件設置當前日期。我在下面分享了組件的用法。如果有條件,我想將當前日期發送到更改選擇方法。如果鍵不是“符號日期”,則應設置輸入值。我該怎么做?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>
查看完整描述

3 回答

?
動漫人物

TA貢獻1815條經驗 獲得超10個贊

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

   const date = new Date()

   changeSelected(date)

} else {

   changeSelected(e.target.value)

}

您需要查找調用的 prop 并確保它具有值,然后使用傳入調用函數。 使用輸入值調用它formKeysignDatenew Date()else


查看完整回答
反對 回復 2022-09-29
?
互換的青春

TA貢獻1797條經驗 獲得超6個贊

代碼沙盒演示: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
國際機場


查看完整回答
反對 回復 2022-09-29
?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

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


查看完整回答
反對 回復 2022-09-29
  • 3 回答
  • 0 關注
  • 141 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號