酒店预订房型对应时间段简单模板
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>
<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>
相关文章推荐
- content = "IE=edge,chrome=1" 详解
- EDW on Hadoop(Hadoop上的数据仓库)技术选型和实践思考
- 网站
- C# webservice初探
- vi 之查找替换
- 就这样,在Linux的路上越走越远
- 对Json数据的处理(模拟获取数据是来自于本地)
- If you had an array of 1 million values and you had to remove duplicates
- 自定义css博客皮肤
- 2015 6 4 难眠之夜啊
- python 模块加载
- keyle的Shader-学习手札
- 国嵌内核驱动进阶班-7-4(Poll设备方法)
- AppCompat does not support the current theme features
- POJ 1201 解题报告
- 各公司面试经历
- 1003 - Sibonacci Numbers
- 1003 - Sibonacci Numbers
- 4.21
- LoadRunner 11 error:Cannot initialize driver dll