datepicker


日期选择插件,日期样式,上下滑动选择具体的年月日。 弹出日期选择Dialog,通过rd.require('datePicker')调用对象。

方法:

  • setFrame : 设置显示窗口的位置
  • setUI : 设置datePicker相关属性
  • show : 显示日期
  • addClickListener : 设置选择回调监听
  • remove : 移除 datePicker窗口,释放相应的资源
  • hide : 隐藏显示窗口
  • isShowing : 当前窗口是否显示

对象:

回调方法:

  • CallBack : callBack对象,date参数

setFrame


设置frame

datepicker.setFrame(rect);

#####说明:

#####参数:

  • rect: ( Rect ) 必选 frame,如果width为0,延伸到屏幕右边,如果height为0,延伸到屏幕下面
返回值:

无返回值

示例代码
var datepicker = rd.require("datePicker");
datepicker.setFrame({x:0, y:0, width:0, height:200});

setUI


设置datepicker相关属性

  datePicker.setUI(params);

#####说明:

设置datepicker相关属性,比如显示的文字颜色、大小等属性

#####参数:

返回值:

无返回值

示例代码
var params = {bgColor:"#D2691E",
              textColor:"#FF6347",
              lineColor:"#00FF00",
              selectViewColor:"#00ff00",
              textSize:"14",
              rowHeight:"65"};

var datepicker = rd.require("datePicker");
datepicker.setUI(params);

show


显示UI

datepicker.show();

#####说明:

打开 datepicker日期选择界面

参数:

返回值:

无返回值

示例代码
var datepicker = rd.require("datePicker");
datepicker.show();

addClickListener


设置事件回调

datepicker.addClickListener(CallBack);

#####说明:

#####参数:

  • CallBack: ( CallBack ) 必选 选中日期回调
返回值:

无返回值

示例代码
var datepicker = rd.require("datepicker");
datepicker.addClickListener(
    function(date){
        alert(date)
    }
);

remove


移除UI

datepicker.remove();

#####说明:

移除 datepicker界面,释放资源

#####参数:

返回值:

无返回值

示例代码
var datepicker = rd.require("datepicker");
datepicker.remove();

hide


隐藏UI

datepicker.hide();

#####说明:

隐藏 datePicker界面,但是不释放资源

#####参数:

返回值:

无返回值

示例代码
var datepicker = rd.require(" datePicker");
datepicker.hide();

isShowing


当前 datepicker是否显示

var showing = datepicker.isShowing();

#####说明:

#####参数:

返回值:
  • showing: ( Boolean ) 当前 datepicker是否显示
示例代码
var datepicker = rd.require("datePicker");
var showing = datepicker.isShowing();

Rect


JSON对象,frame参数

Rect 
{
    property Number x;
    property Number y;
    property Number width;
    property Number height;
}
说明:

坐标系统,左上角为(0,0),位于第四象限

属性:
  • x: ( Number ) x轴开始坐标
  • y: ( Number ) y轴开始坐标
  • width: ( Number ) 如果width为0,延伸到屏幕右边
  • height: ( Number ) 如果height为0,延伸到屏幕下面

userInterfaceSettings


JSON对象,datePicker参数

params 
{
    property String bgColor;
    property String textColor;
    property String lineColor;
    property String selectViewColor;

    property Number textSize;
    property Number rowHeight;
}
说明:

datePicker显示相关参数设置

属性:
  • bgColor: ( String ) 可选 默认白色 datePicker背景颜色
  • textColor: ( String ) 可选 默认黑色 datePicker文字颜色
  • lineColor: ( String ) 可选 默认黑色 datePicker行分割线的颜色
  • selectViewColor: ( String ) 可选 默认灰色 datePicker选择行的颜色(android不支持此属性)

  • textSize: ( Number ) 可选 默认 15 datePicker文字大小

  • rowHeight: ( Number ) 可选 默认 45 datePicker行高度

CallBack


回调函数

void callback(date) {

}
说明:

选择日期的回调函数

参数:
  • date: ( String ) 必选 点击日期返回选择的日期,格式为yyyy-mm-dd
返回值:

无返回值

示例代码
void callback(date) {
     alert(date);
}