注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery酒店预订日期时间范围选择插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-26
jQuery酒店预订日期时间范围选择插件
一款基于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>