移动BOS控件介绍-日历

栏目：eas cloud知识作者：金蝶来源：金蝶云社区发布：2024-09-22浏览：1

移动BOS控件介绍-日历

日历说明

用于选择某一个日期或者选择一段日期范围。

效果展示

控件属性

属性名	属性ID	类型	默认值	说明
ID	ID	String	calendar1	日历ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性
类型	type	String	日历
标题	title	String	calendar	设置评分的标题
日历时间格式	datetime	下拉框	年-月-日	评分的样式，下拉框中可以标准评价、情感化评价
支持日期区间	datescope	开关	关	此开关和“支持选择多个日期”开关只能开启一个，开启此开关后可以选择一段日期范围。
支持选择多个日期	datemulti	开关	关	此开关和“支持日期区间”开关只能开启一个，开启此开关后可以选择多个具体的日期。

使用示例代码

1. 添加日历控件并进行设置

2.添加按钮控件

3.添加事件代码

_this.getTime = function(event){  
    var time = mbos("calendar1").value();  
    alert("选择的时间是："+time);
}

_this.setTime = function(event){
    //如果日历控件的支持日期区间开关开启时，设置日历时间可以这样设置：
    //mbos("calendar1").value("2023-01-02~2023-01-10");
    mbos("calendar1").value("2023-01-02");
}

使用最终效果