ngCordova插件(5)之DatePicker时间选择器插件的使用

最新推荐文章于 2020-08-20 22:39:27 发布

Coder.SirLoin

最新推荐文章于 2020-08-20 22:39:27 发布

阅读量1.5k

点赞数 1

分类专栏： angularJs ionic Hybrid App开发

本文链接：https://blog.csdn.net/Sourcecode_poet/article/details/53509988

版权

本文介绍ngCordova中的DatePicker插件，适用于Android、iOS和Windows平台。内容涵盖插件安装、配置参数如mode、date、titleText等，并讨论了Android的androidTheme选项和iOS的locale设置，以及在实际使用中可能遇到的问题和解决方案。

摘要由CSDN通过智能技术生成

今天来说以下几乎所有项目都会遇到的时间选择问题，由于企业级APP一般都是销售，服务，管理一类的APP，所以用户选择时间的操作必不可少。本次我以ngcordova的时间选择插件DatePicker为例，讲一下这个又好用，又全是大坑的时间选择插件。

首先插件的安装：cordova plugin add cordova-plugin-datepicker
然后说一下常用的可配置内容：
1.mode
时间选择器的模式
支持平台：Android/IOS/Windows
值类型：String
值可选项：date(日期)/time(时间)/datetime(只支持IOS和Windows)
2.date
选定的日期
支持平台：Android/IOS/Windows
值类型：String
默认值：new Date()
3.titleText
支持平台：Android
时间选择器的标题
值类型：String或空String
默认值：空String
4.okText
肯定事件的按钮(一般都为确定)
支持平台：Android
值类型：String或空String
默认值：空String
5.cancelText
否定事件的按钮(一般都为取消)
支持平台：Android
值类型：String或空String
默认值：空String
6.todayText
支持平台：Android
"当前日期"按钮显示的文本，如果为空，则不显示"当前日期"按钮
值类型：String或空String
默认值：空String
7.nowText
支持平台：Android
"现在"按钮显示的文本，如果为空，则不显示"现在"按钮
值类型：String或空String
默认值：空String
8.is24Hour
支持平台：Android
以24小时格式显示时间
值类型：boolean类型
值选项：true/false
默认值：false
9.androidTheme（这个非常非常重要）
支持平台：Android
选择时间选择器的主题
类型：int
值选项：THEME_TRADITIONAL | THEME_HOLO_DARK | THEME_HOLO_LIGHT | THEME_DEVICE_DEFAULT_DARK | THEME_DEVICE_DEFAULT_LIGHT
默认值：THEME_TRADITIONAL
10.doneButtonLabel
"完成"按钮显示的文本
支持平台：IOS
值类型：String
默认值："Done"
11.doneButtonColor
"完成"按钮的颜色
支持平台：IOS
值类型：String
默认值："#0000FF"
12.cancelButtonLabel
"取消"按钮显示的文本
支持平台：IOS
值类型：String
默认值："Cancel"
13.cancelButtonColor
" 取消"按钮的颜色
支持平台：IOS
值类型：String
默认值："#0000FF"
14.locale（这个非常重要）
选定时间选择插件的语言
支持平台：IOS
类型：字符串
默认值："en_us"（英语），中文是(zh_cn)
常用选项说完后，说一下一般的用法，比如要封装在自己的方法中