NativeScript 日期范围选择器插件

一个用于从日历中选择日期范围的 iOS 插件。它基于 PeteC 的原生 iOS 库构建。

安装

从您的项目根目录运行以下命令

$ tns plugin add nativescript-date-range-picker

此命令会自动安装必要的文件，并将 nativescript-date-range-picker 作为依赖项存储在您的项目 package.json 文件中。

示例

以下代码创建了一个 xml 中的日期范围选择器，所有日期标签的文本颜色为 #AA0000 (~红色)，选择颜色为 #0000AA (~蓝色)。

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:tools="nativescript-date-range-picker">
  <StackLayout>
    <tools:DateRangePicker textColor="#AA0000" selectionColor="#0000AA" draggedTo="onUserDraggedTo" />
  </StackLayout>
</Page>

以下代码监听拖动事件

exports.onUserDraggedTo = function(eventData) {
    console.log(eventData.dayView);
}

屏幕截图