1.0.6 • Published 6 years ago

test-wang v1.0.6

Weekly downloads
2
License
ISC
Repository
-
Last release
6 years ago

效果图

npm.io

npm.io

安装组件

npm install weekcalendar --save

引入组件

import Weekcalendar from 'weekcalendar'

使用组件

<WeekCalendar selectedDate="20180510"

                    onWeekDateChange={this.viewModel.onWeekDateChange}

                    beforeGoNextWeek={this.viewModel.beforeGoNextWeek}

                    afterGoLastWeek={this.viewModel.afterGoLastWeek}

                    afterGoNextWeek={this.viewModel.afterGoNextWeek}

                    afterCalendarSelect={this.viewModel.afterCalendarSelect}

                ></WeekCalendar>
    onWeekDateChange(selectedDate){
        console.log(selectedDate);
    }
    afterGoLastWeek(selectedDate){
        console.log(selectedDate);
    }
    beforeGoNextWeek(){
        return true;
    }
    afterGoNextWeek(selectedDate){
        console.log(selectedDate);
    }
    afterCalendarSelect(selectedDate){
        console.log(selectedDate);
    }

组件属性

属性描述类型默认值必选
enterDirection入场方向 vertical: 垂直 horizontal: 水平'horizontal'/'vertical'horizontalfalse
selectedDate初始化日期(格式:YYYYMMDD)stringtodayfalse
disable日历是否可用booleanfalsefalse
hideArrowLeft是否隐藏左箭头booleanfalsefalse
hideArrowRight是否隐藏右箭头booleanfalsefalse
minDate最小日期Datefalse
maxDate最大日期Datefalse
rowSize行大小'normal' | 'xl''normal'false
initalMonths初始化月个数number2false
onWeekDateChange切换周日期时回调(dateStr) => voidfalse
beforeGoLastWeek切换上一周前回调 ,返回true则继续切换上一周,否则不切换() => booleanfalse
afterGoLastWeek切换上一周后回调(dateStr) => voidfalse
beforeGoNextWeek切换下一周前回调,返回true则继续切换下一周,否则不切换() => booleanfalse
afterGoNextWeek切换下一周后回调(dateStr) => voidfalse
beforeShowCalendar打开日历前回调,返回true则继续打开日历,否则不打开日历(dateStr) => booleanfalse
afterCalendarSelect选中日历日期后回调(dateStr) => voidfalse
1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago