element ui el-date-picker 組件添加默認(rèn)值

element ui el-date-picker 組件默認(rèn)當(dāng)年

<el-form-item label="">
 <el-date-picker v-model="searchForm.year" dea type="year" value-format="yyyy" placeholder="請選擇年度" :pickerOptions="pickerOptions">
 </el-date-picker>
</el-form-item>

searchForm: {
  year:new Date().getFullYear().toString(),
},

element ui el-date-picker 組件默認(rèn)當(dāng)前月份

<el-date-picker v-model="searchForm.month" type="month" value-format="yyyy-MM" placeholder="請選擇選擇月份">
</el-date-picker>

  created() {
    var nowDate = new Date();
    var date = {
      year: nowDate.getFullYear(),
      month: nowDate.getMonth() + 1,
      day: nowDate.getDate(),
    };
    const dayDate =
      date.year + "-" + (date.month >= 10 ? date.month : "0" + date.month);  
    var date = new Date();
    this.$set(this.searchForm, "month", dayDate.toString());
  },

new Date() 用法

var d = new Date();
d .getFullYear(); //獲取完整的年份(4位)
d .getMonth(); //獲取當(dāng)前月份(0-11,0代表1月)
d .getDate(); //獲取當(dāng)前日(1-31)
d .getDay(); //獲取當(dāng)前星期X(0-6,0代表星期天)
d .getTime(); //獲取當(dāng)前時間(從1970.1.1開始的毫秒數(shù))
d .getHours(); //獲取當(dāng)前小時數(shù)(0-23)
d .getMinutes(); //獲取當(dāng)前分鐘數(shù)(0-59)
d .getSeconds(); //獲取當(dāng)前秒數(shù)(0-59)
d .getMilliseconds(); //獲取當(dāng)前毫秒數(shù)(0-999)
d .toLocaleDateString(); //獲取當(dāng)前日期
var mytime=d.toLocaleTimeString(); //獲取當(dāng)前時間
d.toLocaleString( ); //獲取日期與時間

參考文章地址：https://blog.csdn.net/coldriversnow/article/details/125635882文章來源地址http://www.zghlxwxcb.cn/news/detail-729964.html

到了這里，關(guān)于element ui el-date-picker 組件默認(rèn)值的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！