ElementUI 年份范围选择器 el-year-picker
ElementUI的el-year-picker组件用于选择年份。以下是如何使用该组件的示例代码：
<template>
<div>
<!-- 年份选择器 -->
<el-date-picker
v-model="value"
type="year"
placeholder="选择年份"
format="yyyy"
value-format="yyyy">
</el-date-picker>
<!-- 显示选择的年份 -->
<p>选择的年份：{{ value }}</p>
</div>
</template>
<script>
export default {
data() {
return {
value: '' // 用于存储选择的年份
};
}
};
</script>在这个例子中，我们创建了一个el-date-picker组件，并将其type属性设置为year以启用年份选择器功能。我们还通过v-model绑定了一个名为value的数据属性来存储选中的年份。最后，我们使用placeholder属性提供了一些提示文本，并通过format和value-format属性指定了年份的显示格式。
评论已关闭