vue element-ui （DatePicker)日期选择器获取开始时间和结束时间

川长思鸟来 2023-06-29 05:42 101阅读 0赞 
  1. <el-date-picker
  2.             v-model="formData.createTime"
  3.             type="daterange"
  4.             range-separator="至"
  5.             start-placeholder="开始日期"
  6.             end-placeholder="结束日期"
  7.           ></el-date-picker>
  9. data() {
  10.     return {
  11.       formData: {
  12.         createTime: [],
  13.       },
  14.     };
  15.   },

得到的是一个数组，一个是开始时间，一个是结束时间
在这里插入图片描述
我写的时候还有一个坑，下面这个 至 字不完全显示 在这里插入图片描述
正常情况应该是下面这种情况
在这里插入图片描述
可以用样式穿透的方式 也可以加权重值

  1. <style>
  2. .el-range-separator{
  3.   width: 20px !important;
  4. }
  5. </style>
  6.  如果是scoped的情况下需要用到样式穿透
  7. <style scoped>
  8. //box 是自己添加上去的名字
  9. .box  /deep/ .el-range-separator{
  10.   width: 20px !important;
  11. }
  12. </style>

发表评论

表情：
评论列表 （有 0 条评论，101人围观）

还没有评论，来说两句吧...

相关阅读