18910140161

JavaScript-从字符串中设置日期值类型的输入-堆栈溢出

顺晟科技

2022-10-18 13:57:27

37

我有一个API,它以字符串格式返回日期,如下所示。如何将输入类型日期的值设置为此值?

let str = "2020-1-1"
<代码><;输入类型=“日期”值={value}/>;


顺晟科技:

在将日期传递给日期输入之前,

必须将日期格式化为<input type= "date" value = {value} />

为此,您可以使用:

YYYY-MM-DD
<代码><;输入类型=";日期";值={日期}/>;

如果您使用简单HTML和JavaScript,则为输入元素提供2021-11-29属性,并在从API

接收数据时及时赋值
<代码><;INPUT ID='某些_唯一_ID ' TYPE=";DATE";/>;

在JavaScript端使用文档方法获取元素

并设置元素的值。
let str = "29/11/2021";
let dateEl = document.getElementById("date");
let value = str.split('/').reverse().join('-');

dateEl.value = value;

如果您将React与函数组件一起使用,则使用<input id="date" type= "date" />钩子

const str = "29/11/2020";
const [day, month, year] = str.split('/');
document.getElementById('date').value = `${year}-${month}-${day}`

以及用于HTML端

<代码><;输入值={value}/>;

你可以打电话

<块引用>

setValue('您想要的任何值')

设置从中获取API响应的值。

或者,如果您在React中使用<input id="date" type= "date" />,则BCZ挂钩只能在功能组件中工作。

id

您可以从调用API的位置更新状态并获取数据,如

<块引用>

this.SetState({DateValue:'您的API日期值'})

要向const str = "29/11/2020"; const [day, month, year] = str.split('/'); const date = `${year}-${month}-${day}`; 类型的输入字段提供值,请以以下格式传递值:<input type= "date" value = {value} />因此,关于您的问题,您应该更新日期值,如下所示:date

<代码><;输入ID=“日期” type=“日期”/>;

这将是一个可能的解决方案:

yyyy-mm-dd
<代码><;输入ID=“日期” type=“日期”/>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航