iview-date-picker-week

1.0.0 • Public • Published

iview-date-picker-week

基于iview,拓展日期控件选择第几周,返回选中周的7天日期数据,array。 日期控件拓展,选择周,返回周7天数据。

使用方法

1.
import Vue from 'vue'
import iviewDatePickerWeek from 'iview-date-picker-week'
Vue.component('iview-date-picker-week', iviewDatePickerWeek)

2.
<template lang="html">
<div>
    <iview-date-picker-week :value="value3" confirm multiple show-week-numbers placeholder="请选择第几周" type="date" style="width:550px;" @on-change="value3 = $event"></iview-date-picker-week>
</div>
</template>

<script>
export default {
    data() {
        return {
            value3: ['2019-02-20', '2019-02-21', '2019-02-22']
        }
    }
}
</script>

更多参考DatePickerWeek

##1.0.x 效果 iview.png ##TODO

  1. 周选中高亮
  2. 返回change中改为对象,附带第几周
  3. 日期选择控件添加<本周>按钮

Package Sidebar

Install

npm i iview-date-picker-week

Weekly Downloads

2

Version

1.0.0

License

ISC

Unpacked Size

1.53 MB

Total Files

140

Last publish

Collaborators

  • zhangrongliang