首页 > 代码库 > 基于Bootstrap Datetimepicker联动
基于Bootstrap Datetimepicker联动
先看一下层级联动的案例
先选择前面时间后后面的时间不要超过前面的时间
先选择后面的时间后，前面的时间不要少于后面的时间
下面看封装代码
函数initDateTimePicker（startTime，endTime，timeFormat，minview）{
$（开始时间）.datetimepicker（ “删除”）;
$（开始时间）.datetimepicker（{
language：sessionStorage.getItem（“lang”），
autoclose：true，
今天高光：真，
endDate：new Date（），
格式：timeFormat，
startView：minview，
minView：minview，
}）。on（“changeDate”，function（）{
var value = http://www.mamicode.com/$（startTime）.val（）;
$（结束时间）.datetimepicker（ “删除”）;
$（结束时间）.datetimepicker（{
language：sessionStorage.getItem（“lang”），
autoclose：true，
今天高光：真，
endDate：new Date（），
startDate：value，
格式：timeFormat，
startView：minview，
minView：minview，
}）
}）;
$（结束时间）.datetimepicker（ “删除”）;
$（结束时间）.datetimepicker（{
language：sessionStorage.getItem（“lang”），
autoclose：true，
今天高光：真，
endDate：new Date（），
格式：timeFormat，
startView：minview，
minView：minview，
}）。on（“changeDate”，function（）{
var value = http://www.mamicode.com/$（endTime）.val（）;
$（开始时间）.datetimepicker（ “删除”）;
$（开始时间）.datetimepicker（{
language：sessionStorage.getItem（“lang”），
autoclose：true，
今天高光：真，
endDate：value，
格式：timeFormat，
startView：minview，
minView：minview，
}）
}）;
}
初始化datetimepicker及起止时间双向联动公共方法startTime：起始时间输入框id号，例如：‘＃archiveStartTime‘
endTime：结束时间输入框id号，例如：‘＃archiveEndTime‘timeFormat：时间格式，例如：‘yyyy-mm-dd‘
minview：最先显示时间或者层级
网站北京建设 http://www.wangzhanjianshegs.com/
基于Bootstrap Datetimepicker联动
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。