關於element-UI中DateTimePicker設置默認值的兩三事

直接以type="datetimerange"的el-date-picker爲例。官方中給出的默認value例子是

<div class="block">
    <span class="demonstration">默認</span>
    <el-date-picker
      v-model="value4"
      type="datetimerange"
      range-separator="至"
      start-placeholder="開始日期"
      end-placeholder="結束日期">
    </el-date-picker>
</div>

js：
value4: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],

我遇到的需求是默認時間爲當天的00：00：00到23：59：59。個人el-date-picker元素默認的類型是時間戳：

value-format="timestamp"

一開始使用的方法比較笨拙且暴力：

value: [new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 0, 0, 0),
        new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 23, 59, 59)],

這樣雖然解決了默認顯示的問題，可是在傳輸參數的時候會出問題。默認值傳輸時會是這樣的效果：

顯然，這並非我想要的，因而乎我又尋找其餘方法，改爲了這個樣子：

value: [new Date(new Date().toLocaleDateString()).getTime(),
        new Date(new Date().toLocaleDateString()).getTime() + ((24 * 60 * 60 * 1000) - 1)],

ok，這樣子終因而顯示沒有問題了，查詢的時候加上下面的轉化就能夠把時間戳傳給後臺了。

if (this.pageParams.updateTimeQuery && this.pageParams.updateTimeQuery.length) {
    this.pageParams.updateTimeQuery = [...this.pageParams.updateTimeQuery].join('-');
  }