关于 $cordovaDatePicker 默认时间控件样式的问题

最新推荐文章于 2018-08-15 17:05:25 发布

清晖皓彩

最新推荐文章于 2018-08-15 17:05:25 发布

阅读量3.1k

点赞数

分类专栏： android 文章标签： android cordova

android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近在做一个需要根据时间进行历史记录查询的功能模块，使用 ngCordova 的 $cordovaDatePicker 插件，但是有个问题，在手机上弹出的时间选择窗口是传统的 android 主题样式，不是 Holo.light 这样的主题，我修改了配置文件还是一样的效果，捣腾了好一段时间也没有解决，最后想到应该是这个插件的问题，到官网看了下也没有什么更详细的信息，最后打开源代码一看，不看不知道，一看吓一跳啊！

原来源代码里面将主题默认设置成传统模式，而且也没有在官方的文档提供属性说明，但是源代码里面却有这个可设置属性，属性如下：

DatePicker.prototype.ANDROID_THEMES = {
  THEME_TRADITIONAL          : 1, // default
  THEME_HOLO_DARK            : 2,
  THEME_HOLO_LIGHT           : 3,
  THEME_DEVICE_DEFAULT_DARK  : 4,
  THEME_DEVICE_DEFAULT_LIGHT : 5
};

坑啊！这么大的坑，我花了半天时间才爬出来，下面是默认的配置属性，只要调用的时候自己修改下就好：

var defaults = {
		mode : 'date',
		date : '',
		minDate: 0,
		maxDate: 0,
		cancelText: '',
		okText: '',
		todayText: '',
		nowText: '',
		is24Hour: false,
    androidTheme : window.datePicker.ANDROID_THEMES.THEME_TRADITIONAL, // Default theme 使用的时候根据需要进行赋值 如 2
	};

查看原文