关灯
开启左侧

[dedecms] 订房调用日期js控件(到达日期,退房日期)使用心得

[复制链接]
swmozowtfl 发表于 2015-5-10 13:09:42 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
http://www.hksygm.com/zh-cn/,在仿这个站的时候,对于这个订房表单产生了兴趣。就研究了一下。先用dede的自定义表单把字段都弄好,但是如何调用日期犯了愁!在官方dede论坛,只找到一句回复,就是这种效果是通过日期js实现,但是找了两天也不知道js的名称,就仔细看了目标站的js,发现了js的出处,http://www.my97.net/,my97日期控件。然后问题迎刃而解!下载最新控件包!然后把表单里的name换成自己的字段,就大功告成了!<div class="right_box"><b class="rb_top"></b><ul class="rb_centent">    <div class="rightsearch">        <h3>            查询房费及预订</h3>       <script language="javascript" type="text/javascript" src="/My97DatePicker/WdatePicker.js"></script> <style> input.text_2 {                 background-color: #FFFFFF;    border: 1px solid #7D9EC0;    color: #333333;    height: 15px;    line-height: 15px;    padding: 0 2px;        width:100px;}</style><ul>               <form action="/plus/diy.php" enctype="multipart/form-data" method="post"><input type="hidden" name="action" value="post" /><input type="hidden" name="diyid" value="1" /><input type="hidden" name="do" value="2" />            <li class="li_date">                <label>抵达日期</label><input type="text" style="width:100px;" class="text_1 wdate" id="rbot_txtCheckInDate" name="didariqi"></li>            <li class="li_date">                <label>退房日期</label><input type="text" style="width:100px;" class="text_1 wdate"  id="rbot_txtCheckOutDate" name="tuifangqiri"></li>            <li class="li_quantity">                <label>                    间数/成人</label><select style="width: 40px;" id="ddlRooms" name="fangjianshu">                        <option value="1">1</option>                        <option value="2">2</option>                        <option value="3">3</option>                        <option value="4">4</option>                        <option value="5">5</option>                        <option value="6">6</option>                        <option value="7">7</option>                        <option value="8">8</option>                        <option value="9">9</option>                        <option value="10">10</option>                    </select>                  <select style="width: 40px;" id="ddlAdultNum" name="chengrenshu">                    <option value="1">1</option>                    <option value="2">2</option>                    <option value="3">3</option>                    <option value="4">4</option>                    <option value="5">5</option>                    <option value="6">6</option>                    <option value="7">7</option>                    <option value="8">8</option>                    <option value="9">9</option>                    <option value="10">10</option>                </select>            </li>            <li class="li_roomtype">                     <label>房型</label><select style="width:105px;" id="rbot_ddlHotelRoom" name="fangxing">        <option value='商务标准间'>商务标准间</option><option value='三人间'>三人间</option><option value='大床房'>大床房</option><option value='豪华套房'>豪华套房</option></select></li> <li class="li_date">                     <label>电话/手机</label> <input name="dianhua" class="text_2" type="text" ></li>            <li class="li_submit">             <input type="hidden" name="dede_fields" value="didariqi,text;tuifangriqi,text;fangjianshu,select;chengrenshu,select;ertongnianling,select;fangxing,select;kidsnum,select;dianhua,text" /><input type="hidden" name="dede_fieldshash" value="190db4a6e1ae0cacca378739e8128633" /><input type="submit" name="submit" value="提 交" class="sub_search" /></li></form>        </ul>    </div></ul><b class="rb_bottom"></b></div>为了升级下模板 我在努力回复 呵呵http://www.hksygm.com/zh-cn/,在仿这个站的时候,对于这个订房表单产生了兴趣。就研究了一下。先用dede的自定义表单把字段都弄好,但是如何调用日期犯了愁!在官方dede论坛,只找到一句回复,就是这种效果是通过日期js实现,但是找了两天也不知道js的名称,就仔细看了目标站的js,发现了js的出处,http://www.my97.net/,my97日期控件。然后问题迎刃而解!下载最新控件包!然后把表单里的name换成自己的字段,就大功告成了!<div class="right_box"><b class="rb_top"></b><ul class="rb_centent">    <div class="rightsearch">        <h3>            查询房费及预订</h3>       <script language="javascript" type="text/javascript" src="/My97DatePicker/WdatePicker.js"></script> <style> input.text_2 {                 background-color: #FFFFFF;    border: 1px solid #7D9EC0;    color: #333333;    height: 15px;    line-height: 15px;    padding: 0 2px;        width:100px;}</style><ul>               <form action="/plus/diy.php" enctype="multipart/form-data" method="post"><input type="hidden" name="action" value="post" /><input type="hidden" name="diyid" value="1" /><input type="hidden" name="do" value="2" />            <li class="li_date">                <label>抵达日期</label><input type="text" style="width:100px;" class="text_1 wdate" id="rbot_txtCheckInDate" name="didariqi"></li>            <li class="li_date">                <label>退房日期</label><input type="text" style="width:100px;" class="text_1 wdate"  id="rbot_txtCheckOutDate" name="tuifangqiri"></li>            <li class="li_quantity">                <label>                    间数/成人</label><select style="width: 40px;" id="ddlRooms" name="fangjianshu">                        <option value="1">1</option>                        <option value="2">2</option>                        <option value="3">3</option>                        <option value="4">4</option>                        <option value="5">5</option>                        <option value="6">6</option>                        <option value="7">7</option>                        <option value="8">8</option>                        <option value="9">9</option>                        <option value="10">10</option>                    </select>                  <select style="width: 40px;" id="ddlAdultNum" name="chengrenshu">                    <option value="1">1</option>                    <option value="2">2</option>                    <option value="3">3</option>                    <option value="4">4</option>                    <option value="5">5</option>                    <option value="6">6</option>                    <option value="7">7</option>                    <option value="8">8</option>                    <option value="9">9</option>                    <option value="10">10</option>                </select>            </li>            <li class="li_roomtype">                     <label>房型</label><select style="width:105px;" id="rbot_ddlHotelRoom" name="fangxing">        <option value='商务标准间'>商务标准间</option><option value='三人间'>三人间</option><option value='大床房'>大床房</option><option value='豪华套房'>豪华套房</option></select></li> <li class="li_date">                     <label>电话/手机</label> <input name="dianhua" class="text_2" type="text" ></li>            <li class="li_submit">             <input type="hidden" name="dede_fields" value="didariqi,text;tuifangriqi,text;fangjianshu,select;chengrenshu,select;ertongnianling,select;fangxing,select;kidsnum,select;dianhua,text" /><input type="hidden" name="dede_fieldshash" value="190db4a6e1ae0cacca378739e8128633" /><input type="submit" name="submit" value="提 交" class="sub_search" /></li></form>        </ul>    </div></ul><b class="rb_bottom"></b></div>
 

精彩评论9

正序浏览
alapScady 发表于 2015-10-18 12:19:08 | 显示全部楼层
 
哪个正常的人能崇拜一只蟑螂呢?
 
wwdu926a 发表于 2015-10-18 12:19:12 | 显示全部楼层
 
晚安 别让小嫁再郁闷了 -
 
gevaemaidovef 发表于 2015-10-18 12:19:13 | 显示全部楼层
 
做为新人!在这里不敢大声说话!送完经验我就走!
 
Acropozelan 发表于 2015-10-18 12:19:25 | 显示全部楼层
 
哦...这个...偶昨天就看了....
 
Acropozelan 发表于 2015-10-18 12:20:39 | 显示全部楼层
 
什么啊
 
wwzcdenleclv 发表于 2016-2-26 10:19:43 | 显示全部楼层
 
一个个全都骑到老大头上来了...
 
seazvyt 发表于 2016-2-26 10:19:45 | 显示全部楼层
 
不为楼主的标题所吸引,也不是被贴子的内容所迷惑。
 
Acropozelan 发表于 2016-2-26 10:19:52 | 显示全部楼层
 
我不知道他说的是什么啊~~
 
alapScady 发表于 2016-2-26 10:20:02 | 显示全部楼层
 
出来混 迟早都是要灌的——不灌水怎么混啊
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )