Element DateTimePicker日期时间选择器的使用示例

组件—日期时间选择器

日期和时间点

日期和时间范围

默认的起始与结束时刻

Attributes

Picker Options

Shortcuts

Events

Methods

Slots

使用element UI的日期选择器时，默认显示当天日期

需求：输入框中要把当天日期显示在输入框中，并且传给后台的日期格式是2019-06-12。（如交易数据）

传给后台的时间格式为'2019-06-12'这样的格式，，这个很好实现，el-date-picker上添加value-format="yyyy-MM-dd"即可；
本来以为element UI中default-value设置之后，可以直接在输入框中显示，测试之后无用。最后通过下面的方法实现效果

      

    
   
 methods: {
  getNowTime() {
    var now = new Date();
    var year = now.getFullYear(); //得到年份
    var month = now.getMonth(); //得到月份
    var date = now.getDate(); //得到日期
    month = month + 1;
    month = month.toString().padStart(2, "0");
    date = date.toString().padStart(2, "0");
    var defaultDate = `${year}-${month}-${date}`;
    this.$set(this.searchFormField, "date", defaultDate);
  },
 }

到此这篇关于Element DateTimePicker日期时间选择器的使用示例的文章就介绍到这了,更多相关Element DateTimePicker日期时间选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！