日期表：

<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. python语言基础语法笔记<note2--面向对象编程>

    Python面向对象编程(OOP) 一.面向对象过程的优点特征: 封装 模型的特征和能力打包在一起 模型的改变由模型自身完成 隐藏模型的细节,外界只能使用,不能改变 继承 符合自然界分类规律 快速实现 ...

  2. 多key业务，数据库水平切分架构一次搞定

    数据库水平切分是一个很有意思的话题,不同业务类型,数据库水平切分的方法不同. 本篇将以"订单中心"为例,介绍"多key"类业务,随着数据量的逐步增大,数据库性能 ...

  3. mysql打不开表问题解决方案

    做开发时候某一表怎么也打不开,数据也不多,网上查了按下面这篇文章完美解决,但是要记得用root登录mysql: 记一次MySQL中Waiting for table metadata lock的解决方 ...

  4. supervessel-免费云镜像︱GPU加速的Caffe深度学习开发环境

    开发环境介绍 在SuperVessel云上,我们为大家免费提供当前火热的caffe深度学习开发环境.SuperVessel的Caffe有如下优点: 1) 免去了繁琐的Caffe环境的安装配置,即申请即 ...

  5. Ubuntu 上查看硬件信息命令

    1.Mint 驱动程序管理器是由 Linux Mint 团队开发的一款系统工具软件,使得用户在Linux系统中可容易安装专有驱动,通过一个直观的界面.由于 Mint 驱动程序管理器具有独立性,它支持所 ...

  6. linux命令之 ifconfig

    许多windows非常熟悉ipconfig命令行工具,它被用来获取网络接口配置信息并对此进行修改.Linux系统拥有一个类似的工具,也就是ifconfig(interfaces config).通常需 ...

  7. Unhandled event loop exception Java heap space

    1 错误描述 2 错误原因 3 解决办法

  8. Java中的List转换成JSON报错（一）

    1.错误描述 Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/commons/lang/ ...

  9. DirectShow学习笔记总结

    DirectShow是微软公司在ActiveMovie和Video for Windows的基础上推出的新一代基于COM(Component Object Model)的流媒体处理的开发包,9.0之前 ...

  10. Acperience HDU - 5734

    Deep neural networks (DNN) have shown significant improvements in several application domains includ ...