<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="/static/js/vue-router.js"></script>
    <script src="/static/js/vue-router.js"></script>
</head>

<body>
    <div id="app">
        <template>
              <span class="demonstration">带快捷选项</span>
              <el-date-picker
                v-model="value2"
                align="right"
                type="date"
                placeholder="选择日期"
                :picker-options="pickerOptions">
              </el-date-picker>
          </template>
    </div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="/static/js/time1.js"></script>
<script>
    // new Vue({
    //     el: '#app',
    //     data: {
    //         shortcuts: [{
    //         text: '今天',
    //         onClick(picker) {
    //           picker.$emit('pick', new Date());
    //         }
    //       }, {
    //         text: '昨天',
    //         onClick(picker) {
    //           const date = new Date();
    //           date.setTime(date.getTime() - 3600 * 1000 * 24);
    //           picker.$emit('pick', date);
    //         }
    //       }, {
    //         text: '一周前',
    //         onClick(picker) {
    //           const date = new Date();
    //           date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
    //           picker.$emit('pick', date);
    //         }
    //       }],
    //     },
    //     methods:{

    //     }
    // })

</script>

</html>