image.png
    如果有上面这样的需求,日期组件的组件值需要展示当天的区间值,应该如何实现?
    实现方案如下:

    1. <!-- 开始结束日期 -->
    2. <el-form-item prop="startEndTime">
    3. <el-date-picker
    4. v-model="startEndTime"
    5. type="daterange"
    6. align="right"
    7. unlink-panels
    8. range-separator="至"
    9. start-placeholder="开始日期"
    10. end-placeholder="结束日期"
    11. value-format="yyyy-MM-dd"
    12. :picker-options="pickerOptions"
    13. >
    14. </el-date-picker>
    15. </el-form-item>
    1. import moment from 'moment';
    2. export default {
    3. data() {
    4. const endTime = moment(new Date()).format("yyyy-MM-DD");
    5. const startTime = moment(new Date()).format("yyyy-MM-DD");
    6. return {
    7. startEndTime: [`${startTime}`,`${endTime}`],
    8. }
    9. }
    10. }