您的位置:首页 > 其它

酒店预订房型对应时间段简单模板

2015-06-04 00:54 337 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">

 $(function(){

   var $new_li = $("li");

   var $newdiv = $(".tab_box").find("div");

   $(".now").nextAll().hide();

   $new_li.click(function(){

    var index = $new_li.index(this);

    $newdiv.eq(index).show().siblings().hide();

   });

   

   $(".now").find("a").click(function(){
var newTxt = $(this).text();
var d =new Date().format('yyyy-MM-dd');

    var newvalue = d+" "+newTxt;

    document.getElementById("txt").value = newvalue;  

   }); 

   

   $(".mingtian").find("a").click(function(){

    var mingtianTxt = $(this).text();

    var d2 =new Date().format2('yyyy-MM-dd');

    var newvalue = d2+" "+ mingtianTxt;

    document.getElementById("txt").value = newvalue;

   })

   

   $(".houtian").find("a").click(function(){

    var houtianTxt = $(this).text();

    var d3 =new Date().format3('yyyy-MM-dd');

    var newvalue = d3+" "+ houtianTxt;

    document.getElementById("txt").value = newvalue;

   })

 })

 

Date.prototype.format =function(format)

    {

        var o = {

        "M+" : this.getMonth()+1, //month

"d+" : this.getDate(),    //day

"h+" : this.getHours(),   //hour

"m+" : this.getMinutes(), //minute

"s+" : this.getSeconds(), //second

"q+" : Math.floor((this.getMonth()+3)/3),  //quarter

"S" : this.getMilliseconds() //millisecond

        }

        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

        (this.getFullYear()+"").substr(4- RegExp.$1.length));

        for(var k in o)if(new RegExp("("+ k +")").test(format))

        format = format.replace(RegExp.$1,

        RegExp.$1.length==1? o[k] :

        ("00"+ o[k]).substr((""+ o[k]).length));

        return format;

}

Date.prototype.format2 =function(format)

    {

        var o = {

        "M+" : this.getMonth()+1, //month

"d+" : this.getDate()+1,    //day

"h+" : this.getHours(),   //hour

"m+" : this.getMinutes(), //minute

"s+" : this.getSeconds(), //second

"q+" : Math.floor((this.getMonth()+3)/3),  //quarter

"S" : this.getMilliseconds() //millisecond

        }

        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

        (this.getFullYear()+"").substr(4- RegExp.$1.length));

        for(var k in o)if(new RegExp("("+ k +")").test(format))

        format = format.replace(RegExp.$1,

        RegExp.$1.length==1? o[k] :

        ("00"+ o[k]).substr((""+ o[k]).length));

        return format;

}

Date.prototype.format3 =function(format)

    {

        var o = {

        "M+" : this.getMonth()+1, //month

"d+" : this.getDate()+2,    //day

"h+" : this.getHours(),   //hour

"m+" : this.getMinutes(), //minute

"s+" : this.getSeconds(), //second

"q+" : Math.floor((this.getMonth()+3)/3),  //quarter

"S" : this.getMilliseconds() //millisecond

        }

        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

        (this.getFullYear()+"").substr(4- RegExp.$1.length));

        for(var k in o)if(new RegExp("("+ k +")").test(format))

        format = format.replace(RegExp.$1,

        RegExp.$1.length==1? o[k] :

        ("00"+ o[k]).substr((""+ o[k]).length));

        return format;

}

</script>

<style type="text/css">

 

</style>

</head>

<body>

 <input type="text" value="" id="txt"/>

 <ul>

  <li>今天</li>

  <li>明天</li>

  <li>后天</li>

 </ul>

 <div class="tab_box">

  <div class="now">

   <a href="#">10:00</a>

  </div>

  <div class="mingtian">

   <a href="#">11:00</a>

  </div>

  <div class="houtian">

   <a href="#">12:00</a>

  </div>

 </div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: