input(type=date)怎么回显后端传来的时间
时间: 2024-03-21 18:38:03 浏览: 208
如何用input标签和jquery实现多图片的上传和回显功能
如果你想要在后端传来的时间数据回显到 `input` 标签的 `value` 属性中,你需要对时间字符串进行格式化,将其转换为 `yyyy-MM-dd` 格式的字符串,然后将其赋值给 `input` 元素的 `value` 属性。
假设后端传来的时间数据是一个字符串,格式为 `yyyy/MM/dd`,你可以使用以下代码将其格式化为 `yyyy-MM-dd` 格式的字符串:
```javascript
const dateStr = '2022/05/20';
const date = new Date(dateStr);
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const formattedDateStr = `${year}-${month}-${day}`;
console.log(formattedDateStr); // 输出:'2022-05-20'
```
然后,将格式化后的字符串赋值给 `input` 元素的 `value` 属性即可:
```html
<input type="date" id="myDate" value="2022-05-20">
```
如果你使用的是前端框架,例如 Vue 或 React,可以将时间格式化的代码封装成一个函数,然后在模板或组件中调用该函数。
阅读全文