calendar


日历插件,日历样式,左右滑动切换月份(仅iOS支持),点击,返回当天的日期。 弹出日历选择Dialog,通过rd.require('calendar')调用对象

UI展示

image

方法:

对象:

  • Rect : JSON对象,frame参数

回调方法:

  • CallBack : callBack对象,date参数

show


显示UI

calendar.show();
说明:

打开 calendar日历选择界面(在使用show方法之前,要先设置 setFrame )

参数:

返回值:

无返回值

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

remove


移除UI

calendar.remove();
说明:

移除 calendar界面,释放资源

参数:

返回值:

无返回值

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

hide


隐藏UI

calendar.hide();
说明:

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

参数:

返回值:

无返回值

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

isShowing


当前 calendar是否显示

var showing = calendar.isShowing();
说明:

参 数:

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

setFrame


设置frame

calendar.setFrame(rect);
说明:

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

无返回值

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

addClickListener


设置事件回调

calendar.addClickListener(CallBack);
说明:

参数:
  • CallBack: ( CallBack ) 必选 选中日历回调
返回值:

无返回值

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

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,延伸到屏幕下面

CallBack


回调函数

function callback( date ) {

}
说明:

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