el-date-picker的說明


<el-date-picker
                      v-model="domain.paymentTime"
                      :picker-options="endDatePicker"
                      clearable
                      size="small"
                      style="width: 200px"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="選擇兌付時間"
                    ></el-date-picker>
 
v-model: 時間插件綁定的值
clearable: 可以清除(內容顯示之后光標放上面會顯示一個刪除的叉符號)
picker-options:設置時間范圍:
 

 

 disabledDate: 屬性可以設置那些日期被禁止:(比now大的日期禁止使用)

 

時間選擇器 el-date-picker:

form A 到 B時間段:

<el-form-item label="提現時間" prop="dateTime">
        <el-date-picker v-model="queryParams.dateTime" type="daterange" range-separator="~" start-placeholder="開始日期" end-placeholder="結束日期"></el-date-picker>
</el-form-item>

其中這里面需要注意的是你需要加時間的格式化:

否則在選擇時間的時候會出現少8小時:

v2.*之后的版本加了這個屬性:value-format="yyyy-MM-dd-hh-mm-ss可以解決這個問題。(差8小時的問題)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM