element ui -Dialog 对话框的一些问题

代码:


      
* 请选择到期时间:
setDateTimePick() {
        let that = this
        $('#datepicker').datetimepicker({
          format: 'Y-m-d', //格式化日期
          timepicker: false, //关闭时间选项
          yearStart: 1990, //设置最小年份
          yearEnd: 2050, //设置最大年份
          todayButton: true,
          scrollMonth: false,
          scrollTime: false,
          scrollInput: false,
          closeOnInputClick: true
        }).on('change', function (picker) {
          that.searchData.conditions.startTime = picker.currentTarget.value
        })
        $.datetimepicker.setLocale('ch')
      },
 mounted() {
      this.setDateTimePick()
    },

在Dialog对话框中使用日期组件,因为在页面渲染完之后调用了this.setDateTimePick()方法,而Dialog对话框还没有渲染完毕,所以日期组件出不来,
这个时候就需要改变一下调用方法的时机了,因该在Dialog对话框完全结束之后再去调用日期组件的方法


element ui -Dialog 对话框的一些问题_第1张图片
image.png
 

这样就解决了

你可能感兴趣的:(element ui -Dialog 对话框的一些问题)