vue与elementUI中input输入框日期格式选择＜el-date-picker

胆大王-

已于 2024-04-01 10:22:09 修改

阅读量3.6k

点赞数 1

分类专栏： vue与elementUI 文章标签： vue.js elementui 前端

于 2022-07-27 11:06:02 首次发布

本文链接：https://blog.youkuaiyun.com/wulikunbing/article/details/126010455

版权

vue与elementUI 专栏收录该内容

42 篇文章

订阅专栏

年

<el-form-item label="">
   <el-date-picker v-model="dataForm.year"
     value-format="yyyy" type="year" placeholder="请选择年">
   </el-date-picker>
</el-form-item>

月

<el-form-item label="">
   <el-date-picker v-model="dataForm.month"
     value-format="yyyy-MM" type="month" placeholder="请选择月">
   </el-date-picker>
</el-form-item>

日

<el-form-item label="">
   <el-date-picker v-model="dataForm.date"
     value-format="yyyy-MM-dd" type="date" placeholder="请选择日">
   </el-date-picker>
</el-form-item>

期限

<el-date-picker v-model="dataForm.time" type="daterange"
   range-separator="至" start-placeholder="开始日期"
   value-format="yyyy-MM-dd:hh-mm-ss"
   end-placeholder="结束日期">
</el-date-picker>