欢迎您  本站地址:   jQuery酒店预订日期时间范围选择插件-小库平台

小库平台

 找回密码
 立即注册
jQuery酒店预订日期时间范围选择插件-小库平台

小库平台

 找回密码
 立即注册
上一主题 下一主题

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

跳转到指定楼层
楼主
|只看大图 回帖奖励 |倒序浏览 |阅读模式

一款基于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>



下载
回复

使用道具 举报

小黑屋|小库平台

GMT+8, 2024-9-20 17:41 , Processed in 0.795976 second(s), 16 queries , Xcache On.

Powered by Discuz! 3.4

小库提示

扫描下方二维码,访问手机版。