如何在cordova-plugin-datepicker插件中正确设置androidTheme

时间:2016-03-28 17:15:28

标签: android cordova datepicker ionic-framework ionic2

我无法让androidTheme的任何设置选项适用于http://ionicframework.com/docs/v2/native/DatePicker/

中列出的Ionic / Cordova的DatePicker插件

值选项读取:

  

值:THEME_TRADITIONAL | THEME_HOLO_DARK | THEME_HOLO_LIGHT |   THEME_DEVICE_DEFAULT_DARK | THEME_DEVICE_DEFAULT_LIGHT

但是,例如,

options = {
  date: new Date(),
  mode: 'date',
  androidTheme: 'THEME_DEVICE_DEFAULT_LIGHT'
}

无需更改主题选项。无论我尝试什么,我仍然得到这个:

enter image description here

2 个答案:

答案 0 :(得分:2)

文档有点令人困惑,因为文档中列出的值是字符串,但是androidTheme actually takes an int

  

选择选择器的主题

     

类型:Int

     

值:THEME_TRADITIONAL | THEME_HOLO_DARK | THEME_HOLO_LIGHT | THEME_DEVICE_DEFAULT_DARK | THEME_DEVICE_DEFAULT_LIGHT

     

默认值:THEME_TRADITIONAL

实际上,值映射到:

THEME_TRADITIONAL = 1
THEME_HOLO_DARK = 2
THEME_HOLO_LIGHT = 3
THEME_DEVICE_DEFAULT_DARK = 4
THEME_DEVICE_DEFAULT_LIGHT = 5

因此,根据你的androidTheme,你的var选项会显示为:

options = {
  date: new Date(),
  mode: 'date',
  androidTheme: 5, // because THEME_DEVICE_DEFAULT_LIGHT = 5
}

答案 1 :(得分:0)

您可以使用:

options = {
  date: new Date(),
  mode: 'date',
  androidTheme: datePicker.ANDROID_THEMES.THEME_HOLO_LIGHT
}

为我工作:)