element封装的时间组件怎么理解?
<el-date-picker size="small"
v-model="dateInRange"
type="daterange"
align="right"
unlink-panels
range-separator="至"
:start-placeholder="defaultBegDataName"
:end-placeholder="defaultEndDataName"
:picker-options="pickerOptions"
value-format
:default-value="new Date().getTime()-2592000000"
style="margin-left: 0px;width:486px"
>
</el-date-picker>
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]);
}
}]
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不太明白你的意思,能详细针对不明白的地方提问吗?
我觉得 element UI 给的 代码试例 还是很容易理解的 自己多打印看看 仔细看文档哦