如何使用ElementDateTimePicker日期時間選擇器-創(chuàng)新互聯(lián)

小編這次要給大家分享的是如何使用Element DateTimePicker日期時間選擇器，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

專業(yè)成都網(wǎng)站建設(shè)公司，做排名好的好網(wǎng)站，排在同行前面，為您帶來客戶和效益!成都創(chuàng)新互聯(lián)為您提供成都網(wǎng)站建設(shè)，五站合一網(wǎng)站設(shè)計制作，服務(wù)好的網(wǎng)站設(shè)計公司，網(wǎng)站設(shè)計制作、網(wǎng)站制作負責任的成都網(wǎng)站制作公司!

組件—日期時間選擇器

日期和時間點

<template>
 <div class="block">
  <span class="demonstration">默認</span>
  <el-date-picker
   v-model="value1"
   type="datetime"
   placeholder="選擇日期時間">
  </el-date-picker>
 </div>
 <div class="block">
  <span class="demonstration">帶快捷選項</span>
  <el-date-picker
   v-model="value2"
   type="datetime"
   placeholder="選擇日期時間"
   align="right"
   :picker-options="pickerOptions">
  </el-date-picker>
 </div>
 <div class="block">
  <span class="demonstration">設(shè)置默認時間</span>
  <el-date-picker
   v-model="value3"
   type="datetime"
   placeholder="選擇日期時間"
   default-time="12:00:00">
  </el-date-picker>
 </div>
</template>

<script>
 export default {
  data() {
   return {
    pickerOptions: {
     shortcuts: [{
      text: '今天',
      onClick(picker) {
       picker.$emit('pick', new Date());
      }
     }, {
      text: '昨天',
      onClick(picker) {
       const date = new Date();
       date.setTime(date.getTime() - 3600 * 1000 * 24);
       picker.$emit('pick', date);
      }
     }, {
      text: '一周前',
      onClick(picker) {
       const date = new Date();
       date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
       picker.$emit('pick', date);
      }
     }]
    },
    value1: '',
    value2: '',
    value3: ''
   };
  }
 };
</script>

網(wǎng)頁名稱：如何使用ElementDateTimePicker日期時間選擇器-創(chuàng)新互聯(lián)
新聞來源：http://muchs.cn/article46/icchg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、靜態(tài)網(wǎng)站、虛擬主機、建站公司、App開發(fā)、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)