526互联

el-date-picker選擇時間少一天的解決辦法

发布时间 2023-03-23 18:09:07作者: 仗剑煮大虾
需要做一個前端查詢，用到el-date-picker，但是時間始終是少了一天 
    　　<div class="col-8">{{ $t("開始日期") }}:</div>
            <div class="col-14">
                <el-date-picker
                v-model="parames.start_time"
                type="date"
                style="width:100%"
                placeholder="选择日期">
                </el-date-picker>
            </div>
        </div>
        <div class="row">
            <div class="col-8">{{ $t("結束日期") }}:</div>
            <div class="col-14">
                <el-date-picker
                v-model="parames.end_time"
                type="date"
                style="width:100%"
                placeholder="选择日期">
                </el-date-picker>
            </div>
        </div>

導致上面的原因是

　　element中的組件引用的是國際時間

解決辦法

　　1.在el-date-picker中加入value-format="YYYY-MM-DD"

　　2.注意格式一定要大寫，要不然日期默認是當月1號