h5仿同程、携程、去哪儿酒店预订webapp项目实例

最近利用html5开发的仿携程、去哪儿酒店预订系统——微酒店预订weHotelOrd,使用到了html5+css3+jqUI+layerMobile+swiper+dateRangePicker等技术混合开发,jqUI实现了双日历区间控件选择。


07f1fae908581105cdf3b1f519cfee5d4ce78398 49af194434c9851f3ecfa30433dd3ceaae72b55f

7c23ba7630184116f0b863ae7ca9fc225bfd19a5 95db65ffaa38e91c134ec63e1ee013a00f089879

1eb5f4ed8f55d9caf3762a0125a5c46d09fd000d f3cdc0b88c2f7351984dda073e0136205498995a

70fa56feded11ddc90f19eaca4ec332feda95f4f 73111107ad0c890fb20652fd76d9a5b4df0d63b1

7ab154f5494a3b110d2ee6095d01d2c198e5883e 222107efecfea018029da1cf0c0f2eac5c3c05ef

db5ecd6ee89293d4e36ccbc9e87ab77847d3432d dd9c109edbc788e2f8212cf4fe20c6dc07708a84


非常方便,直接可以用 <div class="demo"> <div> 出发地: <input type="text" value="" size="15" id="homecity_name" name="homecity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="cityid" mod_notice_tip="中文/拼音" /> <input id="cityid" name="cityid" type="hidden" value="{$cityid}" /> </div> <div> 目的地: <input type="text" value="" size="15" id="getcity_name" name="getcity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="getcityid" mod_notice_tip="中文/拼音" /> <input id="getcityid" name="getcityid" type="hidden" value="{$getcityid}" /> </div> </div> <div id="jsContainer" class="jsContainer" style="height:0"> <div id="tuna_alert" style="display:none;position:absolute;z-index:999;overflow:hidden;"></div> <div id="tuna_jmpinfo" style="visibility:hidden;position:absolute;z-index:120;"></div> </div> <script type="text/javascript" src="js/fixdiv.js"></script> <script type="text/javascript" src="js/address.js"></script> <div align="center" style="clear:both;font-size:12px;color:#666;">
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值