| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2021 人关注过本帖
标题:基于Bootstrap Datetimepicker联动
只看楼主 加入收藏
堕落黑天使
Rank: 1
等 级:新手上路
帖 子:84
专家分:0
注 册:2016-12-22
结帖率:0
收藏
 问题点数:0 回复次数:0 
基于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 = $(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 = $(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.
搜索更多相关主题的帖子: 时间 lang 今天 格式 结束 
2017-08-10 15:35
快速回复:基于Bootstrap Datetimepicker联动
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016325 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved