基于jQuery的daterangepicker.js制作的日期范围选择代码,时间范围代码,适用于酒店预订日期时间范围选择器插件,选择酒店入住日期、离店日期。
js代码
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/daterangepicker.js"></script>
<script type="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-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
alert(start.format('YYYYMMDD') + " " + end.format('YYYYMMDD'));
}
);
//Date picker
$('#datepicker').datepicker({
autoclose: true
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791