Skip to content

qbmFE/eros-plugin-IOS-dateTimePicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

日期时间选择器插件

基于WEEX二次开发的日期时间选择器插件

安装

  1. 打开iOS目录工程目录/platforms/ios/WeexEros,编辑Podfile文件,增加以下代码;
 pod 'QBMDateTimePicker', :git => 'https://github.com/qbmFE/eros-plugin-IOS-dateTimePicker.git', :tag => '1.0.2'
  1. 到此目录下执行 pod update

使用

//引入module
const dateTimePicker = weex.requireModule('dateTimePicker');

说明

  1. 使用本插件建议使用pod 1.4.0版本
  2. 如果使用了pod 1.5.0+的版本,会提示这行代码问题:
 #import <WeexPluginLoader/WeexPluginLoader.h> 

把错误的地方上修改成如下代码就可以了。

 #import <WeexPluginLoader/WeexPluginLoader/WeexPluginLoader.h> 

API

// 示例 具体用法参考demo/dateTimePicker.vue
dateTimePicker.open({
  value: '',//必选,选中的值,格式为yyyy-MM-dd HH:mm;当value为空,默认选中当前时间;当value不为空时,选中value的返回值
  max: '',//可选,日期最大值,默认2099-12-31 23:59
  min: '',//可选,日期最小值,默认1900-12-31 00:00
  title: '',//可选,标题的文案,默认为空
  titleColor: '',//可选,默认为空,title不为空时有效,颜色值(#313131)
  confirmTitle: '', //确认按钮的文案,默认值(完成)
  confirmTitleColor: '', //确认按钮的文字颜色,默认值(#00b4ff)
  cancelTitle: '', //取消按钮的文案,默认值(取消)
  cancelTitleColor: '', //取消按钮的文字颜色,默认值(#313131)
},(res) =>{//回调
  //返回字段
  //result{string}:success,cancel
  //data {string}:格式为yyyy-MM-dd HH:mm
  if(res.result === "success"){
    //业务逻辑
  }else{
    //业务逻辑
  }
});

界面截图

更新日志

  • 发布iOS版日期时间选择器1.0.0 beta1(2018-05-31);
  • 调整插件UI,适配iPhone X,版本更新至1.0.2(2018-06-22);

License

Copyright (c) 2018 钱保姆大前端

About

基于WEEX二次开发的日期时间选择插件

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published