VueJs el-date-picker

by tuanhnt1712

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<div id="app">
<template>
  <div class="block">
    <span class="demonstration">Default</span>
    <el-date-picker v-model="value1" type="date" placeholder="Pick a day" format="dd-MM-yyyy" value-format="yyyy-MM-dd" :default-value="defaultDate">
    </el-date-picker>
    <p>
    {{ defaultDate }}
    </p>
  </div>
</template>
</div>

SCSS

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

Babel + JSX

var Main = {
    data() {
      return {
      	value1: '***',
        defaultDate: new Date('2018-06-22')
      };
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')