基于jQuery的双日历(推荐)


10058 | 295  | 590 | 添加收藏 上一个 下一个
资源描述 : 配置接口参数丰富,完全可以根据系统的详细需求配置,多至30多种配置组合场景
基于jQuery的双日历(推荐)
资源详情

step1:先引入js文件和样式文件


<script type="text/javascript" src="./jquery.min.js"></script>
<script type="text/javascript" src="./dateRange.js"></script>
<link rel="stylesheet" type"text/css" href="./dateRange.css"/>

step2:放置选择器触发器和显示容器,并在你需要的地方实例化日期选择器对象如:


<div id="div_date_demo3"> 
    <span id="date_demo3"></span> 
    <a id="input_trigger_demo3" href="#"> <i></i> </a> 
</div>
<div id="datePicker"></div>
<br/>
<script type="text/javascript">
                var dateRange = new pickerDateRange('date_demo3', {
                    isTodayValid : true,
                    startDate : '2013-04-14',
                    endDate : '2013-04-21',
                    defaultText : ' 至 ',
                    inputTrigger : 'input_trigger_demo3',
                    theme : 'ta',
                    success : function(obj) {
                        //自定义的回调函数 callback();
                    }
                });
</script>


指尖代码 资源每日更新 www.zjdaima.com