uexControl本对象封装了用于调用手机本地原生日期和时间选择控件。
| 方法 | 说明 |
| uexControl.openDatePicker(inYear,inMonth,inDay) | 调用日期控件，默认日期即为输入的年月日，在android平台上，输入的年份是大于1000且小于2100，二月份的天数要看年份是平年还是闰年。 |
| uexControl.cbOpenDatePicker(opId,dataType,data) | 打开日期控件的回调方法。 |
| uexControl.openTimePicker(inHour,inMinute) | 调用时间控件，默认时间即为输入的时分。 |
| uexControl.cbOpenTimePicker(opId,dataType,data) | 打开时间控件的回调方法。 |
| uexControl.openInputDialog(inputType,inputHint,btnText) | 调用输入对话框。 |
| uexControl.cbInputCompleted(opId,dataType,data) | 输入对话框的回调方法。此回调函数在用户点击输入框右边的按钮时回调，默认会关闭输入对话框。 |
| 参数名称 | 描述 |
| inYear | 输入年份。 |
| inMonth | 输入月份。 |
| inDay | 输入天数。 |
| 参数名称 | 描述 |
| opId | 操作ID，在此函数中不起作用，可忽略。 |
| dataType | 返回数据的数据类型为uex.cJSON(值为1)。 |
| data | 返回的数据，格式为{"year":"xxxx"," month":"xx"," day":"xx"} |
| 参数名称 | 描述 |
| inHour | 输入小时。 |
| inMinute | 输入分钟。 |
| 参数名称 | 描述 |
| opId | 操作ID，在此函数中不起作用，可忽略。 |
| dataType | 返回数据的数据类型为uex.cJSON(值为1)。 |
| data | 返回的数据，格式为{"hour":"xx","minute":"xx"} |
| 参数名称 | 描述 |
| inputType | 输入文字类型，输入框根据传入类型来调整键盘布局，支持5种键盘布局（参见Keyboard Types）： 传入“0”代表标准键盘布局 “1” 代表数字键盘布局 “2” 代表Email格式键盘布局 “3” 代表URL格式键盘布局 传入错误的输入类型默认为标准键盘布局。 |
| inputHint | 输入框中默认数据。 |
| btnText | 输入框右边按钮显示文字。 |
| 参数名称 | 描述 |
| opId | 操作ID，在此函数中不起作用，可忽略。 |
| dataType | 返回数据的数据类型为uex.cText(值为0)。 |
| data | 返回的用户在输入框里面输入的文字。 |
<!DOCTYPE html><html>
<head>
<style>body{background:#fff;font-size:30px;}</style>
<meta charset='utf-8'>
<script>
function $$(id){
return document.getElementById(id);
}
/**
* 日期选择器
* 显示顺序与系统日期显示格式有关
*/
function openDate(){
var addYear = $$('addYear').value;
var addMonth = $$('addMonth').value;
var addDay = $$('addDay').value;
if(addYear=='')
alert('请输入年');
else if(addMonth=='')
alert('请输入月');
else if(addDay=='')
alert('请输入日');
else{
uexControl.cbOpenDatePicker=function(opCode,dataType,data){
if(dataType==1){
var obj = eval('('+data+')');
$$('date').innerHTML =obj.year+'年' +obj.month+'月'+obj.day+'日';
alert('日期选择器返回的日期：'+obj.year+'年' +obj.month+'月'+obj.day+'日');
}
}
uexControl.openDatePicker(addYear,addMonth,addDay);
}
}
/**
* 时间选择器
*/
function openTime(){
var addHour = $$('addHour').value;
var addMinute = $$('addMinute').value;
if(addHour=='')
alert('请输入小时');
else if(addMinute=='')
alert('请输入分钟');
else{
uexControl.cbOpenTimePicker=function(opCode,dataType,data){
if(dataType==1){
var obj = eval('('+data+')');
$$('systime').innerHTML =obj.hour+'小时'+obj.minute +'分钟';
alert('时间选择器返回的时间：'+obj.hour+'小时'+obj.minute +'分钟');
}
}
uexControl.openTimePicker(addHour,addMinute);
}
}
/**
* 输入对话框
* 建议输入框使用这种形式，openInputDialog中的第二个参数为默认显示的文字，而不是默认提示文字
*/
function openinput(){
uexControl.cbInputCompleted=function(opId,dataType,data){
if(dataType==0){
$$('inputtext').innerHTML = data;
alert('用户在输入框里面输入的文字：'+data);
}
}
uexControl.openInputDialog('0','默认显示初始文字','确定');
}
</script>
</head>
<body>
<span>日期和时间</span><br/>
<span>打开日期：</span><br/>
年份：<input type='text' value='2013' id='addYear'><br/>
月份：<input type='text' value='04' id='addMonth'><br/>
天数：<input type='text' value='09' id='addDay'><br/>
<input type='button' value='打开日期' onclick='openDate()'><br/>
<span>选择的日期为：</span>
<div id='date'></div><br/>
<span>打开时间</span><br/>
小时：<input type='text' value='18' id='addHour'><br/>
分钟：<input type='text' value='15' id='addMinute'><br/>
<input type='button' value='打开时间' onclick='openTime();'><br/>
<span>选择的时间为：</span>
<div id='systime'></div><br/>
<span>输入对话框</span><br/>
<input type='button' value='打开输入对话框' onclick='openinput();'><br/>
<span>输入的内容为：</span>
<div id='inputtext'></div><br/>
</body>
</html>