本文实例讲述了javascript实现的淘宝旅行通用日历组件用法。分享给大家供大家参考。

在线演示：http://demo.jb51.net/js/2015/trip-calendar/demo.html

PS：下面的演示代码，需要用到 trip-calendar.js与trip-calendar.css文件。打包下载地址

具体如下：

body{padding:0;margin:0 10px;text-align:center;}
.title{padding:0;margin:10px 0;font:700 18px/1.5 5fae8f6f96c59ed1;}
.title a{font:400 14px/1.5 Tahoma;margin-left:20px;}
.example{margin-top:10px;}
.example button{margin:0 5px 10px 0;}
.calendar{display:inline-block;}
 




淘宝旅行通用日历组件Demo1 Demo1Demo2Demo3API文档

 单日历
 双日历
 三日历
 四日历
 

 显示节假日
 隐藏节假日
 

 限定范围（今天->90天）
 指定初始日期（2012年10月）
 取消范围限定
 

 下拉表单选择时间
 取消下拉表单选择

希望本文所述对大家的javascript程序设计有所帮助。