基于jQuery的双日历(推荐)

所属分类：输入-日期和时间

63897 497 查看评论 (90)

分享到微信朋友圈

查看演示立即下载

插件描述：配置接口参数丰富，完全可以根据系统的详细需求配置，多至30多种配置组合场景。

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>

超强兼容的滑动显示条

jQuery分页插件

jQuery移动端时间插件

手机上选择机票的时间插件

日期和时间

49895 360

jQuery时间轴（原创）

时间轴，可左右点击切换、点击年，切换下面对应的内容

日期和时间

33837 374

时间日期控件（兼容ie6）

支持时间日期选取，兼容IE6及以上版本

日期和时间

69276 363

移动端时间选择插件mobiscroll 2.5.1修改版

移动端时间选择插件mobiscroll 2.5.1修改版可以显示上下午。

日期和时间

56484 398

讨论这个项目（90）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

前尘忆梦 0

2018/5/24 10:06:45

王庭辉 0

2017/11/1 11:36:48

??????0

2017/12/11 9:29:44

已解决，私聊，897829460

王庭辉0

2017/12/11 9:31:59

好的，谢谢。

ITLiuQing 0

2017/10/27 11:04:21

场景：已经实现一个单日历，

var dateRange2 = new pickerDateRange('date2', {
    isTodayValid: true,
    startDate: '2017-06-18',
    //	endDate : '2012-10-16',
    calendars: 1,
    isSingleDay: true,
    defaultText: ' 至 ',
    inputTrigger: 'input_trigger2',
    theme: 'ta',
    success: function(obj) {
        $('#date2').html(obj.startDate)
        alert('渲染图表');
    }
});

现在只要点击单日历的日期的时候，就会触发alert,想实现，点击不触发，点击确定才触发，哪位大神知道，指点一下，谢谢，在线等

但是想实现点击日期不触发回调函数，点确定才触发，而现在是点击日期和点击确定都触发