JSFiddle - React, Tailwind, and code Playground

by vi161

HTML

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<div id="app">
    <el-button type="text" @click="clickDate">Focus</el-button>
    <el-date-picker
      ref="datePicker"
      v-model="date"
      type="date">
    </el-date-picker>
</div>

JavaScript

new Vue({
	el: '#app',
  data() {
  	return {
    	date: ''
    }
  },
  methods: {
  	clickDate() {
    	this.$refs.datePicker.focus()
    }
  }
})