一款基于jQuery的daterangepicker.js日期时间范围选择器代码,适用于酒店预订日期时间范围选择插件。
js代码
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/moment.js"></script>
<scripttype="text/javascript"src="js/daterangepicker.js"></script>
<scripttype="text/javascript">
$('#daterange-btn').daterangepicker({
ranges:{
'今天':[moment(),moment()],
'本周':[moment().startOf('week'),moment().endOf('week')],
'本月':[moment().startOf('month'),moment().endOf('month')],
'今年':[moment().startOf('year'),moment().endOf('year')]
},
startDate:moment(),
endDate:moment().endOf('month')
},
function(start,end){
$('#daterange-btnspan').html(start.format('MMMMD,YYYY')+'-'+end.format('MMMMD,YYYY'));
alert(start.format('YYYYMMDD')+""+end.format('YYYYMMDD'));
}
);//Datepicker
$('#datepicker').datepicker({
autoclose:true
});
</script>
下载
|
|