ElementUI中的el-date-picker日期选择器的格式转换问题
在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
之前已经正确安装并导入了该库。
评论已关闭