用js制作日期 2017-03-23
日期表：
<body>
<select id="year" ></select>年
<select id="month">
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
此处省略5-11
<option>12</option>
</select>月
<select id="day" ></select>日
<script>
var date_time=new Date();
date_year=date_time.getFullYear(); ------获取当前年份
for (i=date_year-5;i<date_year+5;i++){ 年向后5年
var op=document.createElement("option");
op.value=i;
op.innerText=i;
if(i==date_year){ -----默认选中当前年份，当if没有大括号时，就近原则
op.selected=true;
}
document.getElementById("year").appendChild(op);
}
function add_day(max_day) {
for(var i = 1; i < max_day; i++) {
var op = document.createElement("option");
op.innerText = i;
document.getElementById("day").appendChild(op);
}
}
document.getElementById("month").onchange=function(){ ------定义一个事件
var month_se=document.getElementById("month").selectedOptions[0].innerText;
if(month_se == 1 || month_se == 3 || month_se == 5 || month_se == 7 || month_se == 8 || month_se == 10 || month_se == 12) { -------1，3,5,7,11,为31天。
add_day(32);
}
else if(month_se == 2) -------2月分闰年和平年
{
var year_se = document.getElementById("year").selectedOptions[0].innerText;
if(year_se % 4 == 0 && year_se % 100 != 0 || year_se % 400 == 0) {
add_day(30);
}
else {
add_day(29);
}
}
else {
add_day(31);
}
}
</script>
</body>
难点：
1、年份不用<option>写，用for循环自动输入。
2、闰年时2月天数为29天；平年时为28天。
用js制作日期 2017-03-23的更多相关文章
- easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13，改为2017/03/13
easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){ if( ...
- D3.js 制作中国地图 .net 公共基础类
D3.js 制作中国地图 from: http://d3.decembercafe.org/pages/map/index.html GeoJSON is a format for encoding ...
- js字符串日期yyyy-MM-dd转化为date示例代码
最近遇到一个问题,就是获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错: NAN 找了些资料,发现是由于Date.parse()函数对日期格式有要求: ...
- 本教程针对HBuilder5.0.0，制作日期2014-12-31（从HBuilder工具上获得）
/*注:本教程针对HBuilder5.0.0,制作日期2014-12-31*/创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter)中 ...
- 利用css+原生js制作简易钟表
利用css+原生js制作简单的钟表.效果如下所示 实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
- js 取得当天0点 / 23:59:59 时间
js 取得当天0点 / 23:59:59 时间 js 取得今天0点: const start = new Date(new Date(new Date().toLocaleDateString() ...
- js 日期比较大小，js判断日期是否在区间内，js判断时间段是否在另外一个时间段内
/** * 日期解析,字符串转日期 * @param dateString 可以为2017-02-16,2017/02/16,2017.02.16 * @returns {Date} 返回对应的日期对 ...
- 1 时间戳 2 C# 如何生成一个时间戳 3 js 时间加一分钟... 4 js string->date 5 js 取得当天0点 / 23:59:59 时间
var str = 'Jan 23, 2019 10:25:47 AM';var strnow = new Date(str); 时间戳(timestamp),一个能表示一份数据在某个特定时间之前已经 ...
- 使用Vue.js制作仿Metronic高级表格（一）静态设计
Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables.本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库.jQuery做部分用户交互(弹窗). 使 ...
随机推荐
- haproxy配置文件详解和ACL功能
*/ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hl ...
- Codeforces446C - DZY Loves Fibonacci Numbers
Portal Description 给出一个\(n(n\leq3\times10^5)\)个数的序列,进行\(m(m\leq3\times10^5)\)次操作,操作有两种: 给区间\([L,R]\) ...
- R语言︱list用法、批量读取、写出数据时的用法
列表是一种特别的对象集合,它的元素也由序号(下标)区分,但是各元素的类型可 以是任意对象,不同元素不必是同一类型.元素本身允许是其它复杂数据类型,比如,列表 的一个元素也允许是列表.例如: > ...
- dpkg: error: -i (--install) 和 -i (--install) 两个操作之间有矛盾
1 错误描述 youhaidong@youhaidong-ThinkPad-Edge-E545:~$ sudo dpkg -i -i WineQQ2013-20131120-Longene.deb [ ...
- javaWeb事务
JDBC事务: cmd 命令上的事务开启: start transaction; / begin; 回滚 rollback; 提交 commit; JDBC事务控制: 开启事务:co ...
- 微信小程序之上传下载交互api
wx.request(OBJECT) OBJECT参数说明: 参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object.String 否 请求的参数 heade ...
- mybatis的动态增删改查
1.动态SQL片段 通过SQL片段达到代码复用 <!-- 动态条件分页查询 --> <sql id="sql_count"> select count(*) ...
- Oracle11g客户端client的下载与安装
下载地址: http://www.oracle.com/technetwork/database/enterprise-edition/downloads/112010-win64soft-09446 ...
- 【转载】 Spark性能优化：资源调优篇
在开发完Spark作业之后,就该为作业配置合适的资源了.Spark的资源参数,基本都可以在spark-submit命令中作为参数设置.很多Spark初学者,通常不知道该设置哪些必要的参数,以及如何设置 ...
- hihocoder #1456 : Rikka with Lattice(杜教筛)
hihocoder #1456 : Rikka with Lattice(杜教筛) 题意 : 给你一个\(n*m\)方格图,统计上面有多少个格点三角形,除了三个顶点,不覆盖其他的格点(包括边和内部). ...