一、el-date-picker是什么?
el-date-picker:type="week"增加此属性,elementUI自然周选择器,默认选取周日到周六的自然周。
二、使用步骤
1.修改自然周第一天的默认值
但是中国是从周一开始计算自然周的第一天。所以要修改开始时间。增加:picker-options="{'firstDayOfWeek': 1}"即可,取值为1-7。
2.修改展示的时间
修改属性:format="json1_1_week_time + ' 至 ' + $moment(json1_1_week_time).endOf('week').format('YYYY-MM-DD')"
修改成一个时间区间
3.完整代码如下
javascript
<el-date-picker
style="width: 320px;"
v-model="json1_1_week_time"
type="week"
:format="json1_1_week_time + ' 至 ' + $moment(json1_1_week_time).endOf('week').format('YYYY-MM-DD')"
value-format="yyyy-MM-dd"
:clearable="false"
:editable="false"
:picker-options="{'firstDayOfWeek': 1}"
></el-date-picker>
export default {
data() {
return {
json1_1_week_time: "",
};
},
computed: {},
watch: {},
created() {
},
mounted() {
this.init();
},
methods: {
init() {
// 本周的第一天
this.json1_1_week_time = this.$moment().startOf('week').format('YYYY-MM-DD');
},
},
}