移动BOS控件介绍-时间

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

移动BOS控件介绍-时间

时间说明

用于选择某一个日期、日期时间或者选择一段日期时间范围。时间控件和日历控件很相似，只不过时间控件可以选择到具体的时间，即时分秒。

效果展示

控件属性

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

使用示例代码

1. 添加时间控件并进行设置

2.添加按钮控件

3. 添加事件代码

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

_this.setTime = function(event){    
     //如果时间控件的支持时间日期格式选择了“年-月-日 时-分-秒”并开启了支持时间区间开关，设置时间可以这样设置：    
     //mbos("date1").value("2023-03-06 16:01:41~2024-02-06 16:01:41");   
      mbos("date1").value("2023-02-06 15:38:50");
}

使用最终效果