日期表：

<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的更多相关文章

  1. easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13，改为2017/03/13

    easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){ if( ...

  2. D3.js 制作中国地图 .net 公共基础类

    D3.js 制作中国地图 from:  http://d3.decembercafe.org/pages/map/index.html GeoJSON is a format for encoding ...

  3. js字符串日期yyyy-MM-dd转化为date示例代码

    最近遇到一个问题,就是获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错: NAN 找了些资料,发现是由于Date.parse()函数对日期格式有要求: ...

  4. 本教程针对HBuilder5.0.0，制作日期2014-12-31（从HBuilder工具上获得）

     /*注:本教程针对HBuilder5.0.0,制作日期2014-12-31*/创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter)中 ...

  5. 利用css+原生js制作简易钟表

    利用css+原生js制作简单的钟表.效果如下所示 实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...

  6. js 取得当天0点 / 23:59:59 时间

    js 取得当天0点 / 23:59:59 时间   js 取得今天0点: const start = new Date(new Date(new Date().toLocaleDateString() ...

  7. js 日期比较大小，js判断日期是否在区间内，js判断时间段是否在另外一个时间段内

    /** * 日期解析,字符串转日期 * @param dateString 可以为2017-02-16,2017/02/16,2017.02.16 * @returns {Date} 返回对应的日期对 ...

  8. 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),一个能表示一份数据在某个特定时间之前已经 ...

  9. 使用Vue.js制作仿Metronic高级表格（一）静态设计

    Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables.本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库.jQuery做部分用户交互(弹窗). 使 ...

随机推荐

  1. UVA1213

    先打表,再回溯+剪枝 AC代码: #include<cstdio> #include<cstring> #include<cmath> const int maxn ...

  2. soj1091 指环王 bfs+hash+剪枝

    原题链接http://acm.scu.edu.cn/soj/problem.action?id=1091 这题的主要解法就是搜索,我用的是bfs,用map将二维数组处理成字符串作为主键,到达当前状态的 ...

  3. 【Learning】 欧拉回路的求解

    欧拉回路: 欧拉回路,俗称一笔画,比如一笔画五角星等. 这里给出非严谨的定义:欧拉回路即从一个点出发,不重复.不遗漏地经过所有的边与所有的点,并恰好回到出发点. 包含欧拉回路的图称为欧拉图. 欧拉回路 ...

  4. 笔记︱基于网络节点的node2vec、论文、算法python实现

    看到一个很有意思的算法,而且腾讯朋友圈lookalike一文中也有提及到,于是蹭一波热点,学习一下.论文是也发KDD2016 . . 一.主要论文:node2vec: Scalable Feature ...

  5. ffmpeg结构体以及函数介绍（二）

    1 avcodec_find_decoder() /** * Find a registered decoder with a matching codec ID. * * @param id Cod ...

  6. Java获取当前的时间

    Java获取当前的时间 1.利用Java中的Calendar获取当前的时间 具体实现如下: /** * @Title:NowTime.java * @Package:com.you.model * @ ...

  7. JavaScript获取地址栏中的参数

    JavaScript获取地址栏中的参数 1.获取地址栏中的参数 (1)若地址栏中的地址是: http://10.124.36.56:8080/CMOD/index.jsp?name=you&p ...

  8. SCRIPT5007:无法获取属性“show”的值，对象为null或未定义

    1.错误描述 SCRIPT5007:无法获取属性"show"的值,对象为null或未定义            dojo.js,行15.字符11808 2.错误原因    requ ...

  9. RHCE6.4 rpm 安装gcc

    先将gcc的iso里的Packages拷贝到根目录下,方便以后使用,再找gcc的rpm包安装: 网上说有以下依赖,需要按照一下顺序安装: rpm -ivh cpp*****.rpm  rpm -ivh ...

  10. 芝麻HTTP： Learning to Rank概述

    Learning to Rank,即排序学习,简称为 L2R,它是构建排序模型的机器学习方法,在信息检索.自然语言处理.数据挖掘等场景中具有重要的作用.其达到的效果是:给定一组文档,对任意查询请求给出 ...