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

最新推荐文章于 2025-02-25 19:16:28 发布

原创最新推荐文章于 2025-02-25 19:16:28 发布 · 836 阅读

1 ·

CC 4.0 BY-SA版权

工作随笔专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用jQuery实现一个简单的日期选择功能，包括今天、明天、后天的日期显示和选择，以及相应的日期格式化。

<!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>