0
Thumbsup

いい質問だ

0

Thumbsdown

うーん

AndroidでのDatePickerが不格好

shinriyo
shinriyo 0

投稿日:2014-02-26 11:55:46

こんにちは、
Titanium SDKのバージョン「3.2.1.GA」で、Alloy使用時の質問です。
DatePickerを以下のように作成しましたが、

    var minDate = new Date();
    minDate.setFullYear(1900);
    minDate.setMonth(0);
    minDate.setDate(1);
    var maxDate = new Date();
    maxDate.setFullYear(2199);
    maxDate.setMonth(11);
    maxDate.setDate(31);
    var value = new Date();
    value.setFullYear(2009);
    value.setMonth(0);
    value.setDate(1);

    var picker = Ti.UI.createPicker({
        backgroundColor: '#FFFFFF',
        color: '#000000',
        type:Ti.UI.PICKER_TYPE_DATE,
        minDate:minDate,
        maxDate:maxDate,
        value:value,
        top: '10%',
    });

凄い不格好になります。
しかも、文字が白文字で消えて見えません。
color: '#000000'で指定してますが変わりません。

ごく普通の単純なAndroidによくある
https://drive.google.com/file/d/0B3MvbOepY_AqZFE3dHFNSkJCbjQ/
のようにしたいのですが・・・
iOSも少し見た目がよくありません。普通のDatePickerを使いたいです。
よろしくお願いします。



回答

yagi_
yagi_
2540
Tcad_icon Tcmd_icon Tce_icon

Thumbsup

いい回答

0

Thumbsdown

うーん

これはダイアログとして表示するPickerで、画面はAndroid 2.xのものですね。普通にWindowにaddするPickerとは違います。よく見るとダイアログになっています。

Androidのバージョンが同じ系統であれば、

var datePicker = Ti.UI.createPicker({
  type:Ti.UI.PICKER_TYPE_DATE,
  minDate:new Date(2009,0,1),
  maxDate:new Date(2014,11,31),
  value:new Date(2014,3,12)
});

のようにPickerを作成して、ボタンなどのclickやWindowのopenイベントでダイアログを開けばお望みの画面になります。

button.addEventListener('click', function(){
  datePicker.showDatePickerDialog({
    value: new Date(2010,8,1),
    callback: function(e) {
      if (e.cancel) {
        Ti.API.info('User canceled dialog');
      } else {
        Ti.API.info('User selected date: ' + e.value);
      }
    }
  });
});

ログインすると回答することができます。