NativeScript 实现的 Material 日历选择器

该模块在 iOS 和 Android 两个平台上实现了 Material 日历。日历实现了滑动过渡效果。翻页器允许您通过滑动切换月份。

export function selectDate(e) {
    console.log("DATE SELECTED ", e.date, e.selected);
}  

<Page xmlns="http://schemas.nativescript.org/tns.xsd"  xmlns:cal="nativescript-nbmaterial-calendar">
 		
				<cal:CalendarMonthLayout dayTapped="selectDate" multiple="true"  >
					<cal:CalendarAction action="previous" text="chevron_left"/>
					<cal:CalendarTitle/>
					<cal:CalendarAction action="next" text="chevron_right"/>
				</cal:CalendarMonthLayout>
</Page>

}

多个参数允许您在日历中选择多个日期。CalendarTitle，CalendarAction 扩展了标签。因此，您可以使用字体库，如 font awesome。

CalendarMonthLayout 接口如下

export declare class CalendarMonthLayout extends Layout {
    public static dayTappedEvent: string = "dayTapped";
    public static monthChangedEvent: string = "monthChanged";
    date: Date;
    multiple: boolean;
    selected: Date | Date[];
    next();
    previous();
}

export interface DayTappedEvent extends EventData {
    readonly tapped: Date;
    selected: Date | Date[];
    view: CalendarDay;
}

查看所有模块