示例5-2-2 使用onpicked实现日期选择联动
选择第一个日期的时候,第二个日期选择框自动弹出
日期从: 至
注意:下面第一个控件代码的写法
至
注意:$dp.$是一个内置函数,相当于document.getElementByIdx
示例5-2-3 将选择的值拆分到文本框
年 月 日 时 分 秒
年
月
日
时
分
秒
function pickedFunc(){
$dp.$('d523_y').value=$dp.cal.getP('y');
$dp.$('d523_M').value=$dp.cal.getP('M');
$dp.$('d523_d').value=$dp.cal.getP('d');
$dp.$('d523_HH').value=$dp.cal.getP('H');
$dp.$('d523_mm').value=$dp.cal.getP('m');
$dp.$('d523_ss').value=$dp.cal.getP('s');
}
注意:el:'d523'中,如果你不需要d523这个框,你可以把他改成hidden,但是el属性必须指定
$dp.$和$dp.cal.getP都是内置函数
onclearing 和 oncleared 事件 语言配置skinstring'default'皮肤名称 默认自带 default和whyGreen两个皮肤
另外如果你的css够强的话,可以自己做皮肤
你可以参考皮肤配置
dateFmtstring'yyyy-MM-dd'日期显示格式
你可以参考自定义格式
realDateFmtstring'yyyy-MM-dd'计算机可识别的,真正的日期格式
无效日期设置(disabledDates),最大日期(maxDate),最小日期(minDate)以及快速日期都必须与它们相匹配
建议使用默认值
realTimeFmtstring'HH:mm:ss'
realFullFmtstring'%Date %Time'
minDatestring'1900-01-01 00:00:00'最小日期(注意要与上面的real日期相匹配)
maxDatestring'2099-12-31 23:59:59'最大日期(注意要与上面的real日期相匹配)
startDatestring''起始日期,既点击日期框时显示的起始日期
为空时,使用今天作为起始日期(默认值)
否则使用传入的日期作为起始日期(注意要与上面的real日期相匹配)
isShowWeekboolfalse是否显示周
你可以参考周显示示例
highLineWeekDaybooltrue是否高亮显示 周六 周日
isShowClearbooltrue是否显示清空按钮
isShowTodaybooltrue是否显示今天按钮
isShowOthersbooltrue为true时,第一行空白处显示上月的日期,末行空白处显示下月的日期,否则不显示
readOnlyboolfalse是否只读
errDealModeint0纠错模式设置 可设置3中模式 0 - 提示 1 - 自动纠错 2 - 标记
autoPickDateboolnull为false时 点日期的时候不自动输入,而是要通过确定才能输入
为true时 即点击日期即可返回日期值
为null时(推荐使用) 如果有时间置为false 否则置为true
qsEnabledbooltrue是否启用快速选择功能
quickSelArraynull快速选择数据,可以传入5个快速选择日期
注意:日期格式必须与 realDateFmt realTimeFmt realFullFmt 相匹配
disabledDaysArraynull可以使用此功能禁用周日至周六所对应的日期
0至6 分别代表 周日至周六
你可以参考无效天示例
disabledDatesArraynull可以使用此功能禁用所指定的一个或多个日期
oppositeboolfalse默认为false, 为true时,无效天和无效日期变成有效天和有效日期
onpickingfunctionnull此四个参数为事件参数
onpickedfunctionnull
onclearingfunctionnull
onclearedfunctionnull