NativeScript 日期选择器滑块插件

一个插件，使您能够在 NativeScript 应用程序中使用 https://github.com/rajivnarayana/TimePickerSlider 上的 Cocoapods。

安装

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

$ tns plugin add https://github.com/rajivnarayana/NativeScriptTimePickerSliderPlugin.git

此命令会自动从 Cocoapods GitHub 存储库安装必要的 iOS 文件，并将其添加到 package.json 文件中的依赖项中

示例

在 "Example" 文件夹中有一个示例应用程序。要运行它（假设您已全局安装了 NativeScript 插件）

$ sudo npm install typescript -g
$ tsc
$ cd Example
$ tns plugin add ../

通过在您的 macOS 上键入以下内容，将应用程序从您的 Mac 运行到 iOS 模拟器

$ tns emulate ios --device=iPhone\ 5s

以下代码来自 Example/app/main.xml，展示了如何在布局中添加时间选择器

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:tools="nativescript-timepicker-slider">
  <DockLayout stretchLastChild="false" style="background-color: gray">
    <tools:TimeIntervalSlider 
        hour="8" 
        minute="30" 
        dock="bottom" 
        fillColor="#e00000"
        strokeColor="#0000e0"
        loaded="onSliderLoaded"
        />
  </DockLayout>
</Page>

以下代码来自 Exaple/app/main.js，展示了如何监听值变化

function onSliderLoaded(args) {
    var slider = args.object;
    slider.on(observableModule.Observable.propertyChangeEvent, (args) => {
        if (args.propertyName == sliderModule.Slider.valueProperty.name) {
            console.log('Do something with the data '+slider.value);
        }
    }, this);
}

exports.onSliderLoaded = onSliderLoaded;