hy-datepick-tool

更新

1.0.52

下载安装

npm install hy-datepick-tool

配置main.js

• main.js

import dateTime from 'hy-datepick-tool';
Vue.component('data-time', dateTime);

• 具体页面中使用，注:参数默认type="dateTime"，展示年月日时分，可按照以下说明根据使用情况改变:
• type="date" 只选年月日
• type="noMinute" 只显示年月日时
• type="time" 只显示时分
• type="year" 只显示年
• type="month" 只显示月
• type="day" 只显示日

        <template>
          <div class="date-time-item">
            <div class="date-time-input" @click="show">{{ data }}</div>
            <d-date-time ref="dateTime"
                         type="dateTime"
                         @confirm="select"></d-date-time>
          </div>
        </template>

        <script>
          import DateTime from 'hy-datepick-tool'
          export default {
            data(){
              return {
                data: ''
              }
            },
            components: {
              DateTime
            },
            methods: {
              //  展示日期组件
              show () {
                this.$refs.dateTime.show()
              },
              // 日期组件回调
              select (val) {
                this.data = val
              }
            }
          }
        </script>