zoukankan      html  css  js  c++  java
  • bootstrap-datepicker 时间范围选择函数封装

    bootstrap-datepicker 时间范围选择函数封装

    官网

    https://bootstrap-datepicker.readthedocs.io/en/latest/index.html
    

    需要引入的依赖包,发现还挺多的

    <script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.standalone.min.css">
    

    封装的函数

            /*
    	* name:时间范围控件
    	* start:起始时间表单id值
    	* end:结束时间表单id值
    	* 
            */
    	function dataTimeRange(start,end){//日期范围
    		$('#'+start).datepicker({
    			todayBtn : "linked",
    			autoclose : true,
    			todayHighlight : true,
    			endDate : new Date(),
    			format:'yyyy-mm-dd',
    			language:'zh-CN'
    		}).on('changeDate',function(e){
    			var startTime = e.date;
    			$('#'+end).datepicker('setStartDate',startTime);
    		});
    
    		//结束时间
    		$('#'+end).datepicker({
    			todayBtn : "linked",
    			autoclose : true,
    			todayHighlight : true,
    			endDate : new Date(),
    			format:'yyyy-mm-dd',
    			language:'zh-CN'
    		}).on('changeDate',function(e){
    			var endTime = e.date;
    			$('#'+start).datepicker('setEndDate',endTime);
    		});
    	}                
    

      

      

  • 相关阅读:
    两线段是否相交模板
    树的距离
    Codeforces Round #369 (Div. 2)-D Directed Roads
    Codeforces Round #369 (Div. 2)-C Coloring Trees
    Codeforces Round #374 (Div. 2)-D Maxim and Array
    zstu-4243 牛吃草
    Codeforces Round #447 (Div. 2)
    zstu 4247-萌新的旅行
    CDQ分治求前缀和
    self.faceshowing = !self.facshowing无效,了,原来set
  • 原文地址:https://www.cnblogs.com/yz-blog/p/7920232.html
Copyright © 2011-2022 走看看