ElementUI中的el-date-picker日期选择器的格式转换问题
warning:
这篇文章距离上次修改已过425天,其中的内容可能已经有所变动。
在ElementUI中,el-date-picker组件的format属性用于定义显示在输入框中的日期格式。如果要将外部数据转换为该格式显示,可以使用value-format属性来指定绑定值的格式。
例如,如果你想要绑定值为YYYY-MM-DD格式,但是显示为DD/MM/YYYY,可以这样设置:
<el-date-picker
v-model="date"
type="date"
placeholder="选择日期"
format="DD/MM/YYYY"
value-format="yyyy-MM-dd">
</el-date-picker>在这个例子中,date属性将以yyyy-MM-dd格式存储,但是在界面上显示为DD/MM/YYYY格式。如果你需要将其他格式的日期转换为yyyy-MM-dd格式,可以使用JavaScript的Date对象或者库如moment.js来进行转换。
使用moment.js的例子:
// 假设你有一个日期字符串 '30/12/2020'
let dateStr = '30/12/2020';
// 使用moment.js将其转换为yyyy-MM-dd格式
let formattedDate = moment(dateStr, 'DD/MM/YYYY').format('YYYY-MM-DD');
// 然后你可以将formattedDate赋值给date属性
this.date = formattedDate;确保在使用moment.js之前已经正确安装并导入了该库。
评论已关闭