读取当前日期,再将day-7,判断day<=0针对不同月份的显示情况:
方法二:
先读取当前日期,再读取七天前日期。
显然,第二种方法简便了很多。
根据你的提问,是选择页面上一个日期,然后判断被选择的日期是星期几么?\x0d\x0a如果是:我给出的js如下:\x0d\x0a// js code\x0d\x0a// code描述:\x0d\x0a// year和date好说,就是你页面选择的实际值。这里要注意month,假如你页面选择的为7月,\x0d\x0a// 这里 的month应当为 7-1;因为在js中,表示月份的数值是从 0 到 11 之间的整数(1月至\x0d\x0a// 12 月)。\x0d\x0a// \x0d\x0a// 代码思路:使用页面选择的年月日创建一个Date对象,然后getDay()就是当前日期在一周中\x0d\x0a// 的哪一天\x0d\x0a// \x0d\x0a// 完整代码加测试代码如下,你根据实际需要改动下就OK了。\x0d\x0avar year = 2011, month = 6, date = 23// month=6表示7月\x0d\x0avar dt = new Date(year, month, date), dt2 = new Date()\x0d\x0avar weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]\x0d\x0aalert(weekDay[dt.getDay()]+"\r\n"+weekDay[dt2.getDay()])一下好一款laydate.js日期时间选择插件,具有一定的参考价值,希望可以帮到你
日期时间选择插件laydate.js:
效果图:
1. 引入JS。
<script type="text/javascript" src="js/laydate.js"></script>
2. 根据需要做相应的配置。详情参看官网
<script>laydate({
elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus', //响应事件。如果没有传入event,则按照默认的click
format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义,该例子表示只显示年月
festival: true, //显示节日
istime: true, //显示时间选项
choose: function(datas){ //选择日期完毕的回调
alert('得到:'+datas)
}
})
</script>
实例源码:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="favicon.ico" rel="Bookmark" type="image/x-icon" />
-->
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>layDate日期时间选择插件</title>
<link href="" rel="stylesheet" />
<script type="text/javascript" src="js/laydate.js"></script>
</head>
<body>
<form method="post" action="">
Way1,
请选择日期:<input type="text" name="date" onclick="laydate()" />
<hr />
Way2,
<input type="text" name="date" id='seldate' class="laydate-icon" /><hr />
<script>
laydate({
elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus', //响应事件。如果没有传入event,则按照默认的click
format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义,该例子表示只显示年月
festival: true, //显示节日
istime: true, //显示时间选项
choose: function(datas){ //选择日期完毕的回调
alert('得到:'+datas)
}
})
</script>
Way3,
<input id="seldate1">
<span class="laydate-icon" onclick="laydate({elem:'#seldate1'})"></span>
</form>
</body>
</html>