element ui el-date-picker組件默認(rèn)值方式
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="請(qǐng)選擇年度" :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="請(qǐng)選擇選擇月份"> </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)前時(shí)間(從1970.1.1開始的毫秒數(shù)) d .getHours(); //獲取當(dāng)前小時(shí)數(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)前時(shí)間 d.toLocaleString( ); //獲取日期與時(shí)間
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue中watch如何同時(shí)監(jiān)聽多個(gè)屬性
這篇文章主要介紹了vue中watch如何同時(shí)監(jiān)聽多個(gè)屬性,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
vue如何實(shí)現(xiàn)拖動(dòng)圖片進(jìn)行排序Vue.Draggable
這篇文章主要介紹了vue如何實(shí)現(xiàn)拖動(dòng)圖片進(jìn)行排序Vue.Draggable,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
在vue中實(shí)現(xiàn)點(diǎn)擊選擇框阻止彈出層消失的方法
今天小編就為大家分享一篇在vue中實(shí)現(xiàn)點(diǎn)擊選擇框阻止彈出層消失的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
fullcalendar日程管理插件月份切換回調(diào)處理方案
這篇文章主要為大家介紹了fullcalendar日程管理插件月份切換回調(diào)處理的方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-03-03
axios全局請(qǐng)求參數(shù)設(shè)置,請(qǐng)求及返回?cái)r截器的方法
下面小編就為大家分享一篇axios全局請(qǐng)求參數(shù)設(shè)置,請(qǐng)求及返回?cái)r截器的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
前端vue框架select下拉數(shù)據(jù)量過大造成卡頓問題解決辦法
這篇文章主要給大家介紹了關(guān)于前端vue框架select下拉數(shù)據(jù)量過大造成卡頓問題解決辦法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用select具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
vue3+element?Plus實(shí)現(xiàn)表格前端分頁完整示例
這篇文章主要給大家介紹了關(guān)于vue3+element?Plus實(shí)現(xiàn)表格前端分頁的相關(guān)資料,雖然很多時(shí)候后端會(huì)把分頁,搜索,排序都做好,但是有些返回?cái)?shù)據(jù)并不多的頁面,或者其他原因不能后端分頁的通常會(huì)前端處理,需要的朋友可以參考下2023-08-08
使用vue-router為每個(gè)路由配置各自的title
這篇文章主要介紹了如何使用vue-router為每個(gè)路由配置各自的title,及使用vue router的方法,需要的朋友可以參考下2018-07-07

