el-date-picker中unlink-panels不生效
时间: 2023-12-01 12:43:28 浏览: 116
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
根据提供的两个引用,可以看出它们的代码几乎完全相同,只有一个细微的区别:第二个引用中多了一个`@change`事件。因此,`unlink-panels`不生效的原因可能是由于这个事件的存在导致了该属性的失效。建议检查一下代码中是否有其他事件或属性与`unlink-panels`有冲突。
如果您想要更深入地了解`el-date-picker`组件的使用,可以参考以下代码示例:
```html
<template>
<el-date-picker
v-model="date"
type="date"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
unlink-panels
:editable="false"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: '',
pickerOptions: {
shortcuts: [
{
text: '最近一周',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}
]
}
};
}
};
</script>
```
阅读全文