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>场景:已经实现一个单日历,
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,想实现,点击不触发,点击确定才触发,哪位大神知道,指点一下,谢谢,在线等
但是想实现点击日期不触发回调函数,点确定才触发,而现在是点击日期和点击确定都触发
各位大神们,如果想设置最近一个月或者最近半个月,怎么设置?有设置过的吗?在线等
有谁知道如何获取当前选择的时间吗,或者说开始和结束的时间,我想算这个范围一共有几天