美文网首页
JS案例17-JS日历

JS案例17-JS日历

作者: hi__world | 来源:发表于2018-10-24 20:55 被阅读0次
简陋的日历,重点看灵魂

源码:

<div style="color:red;width:80%;margin: 50px auto;font-size: 45px"></div>
<script>

  var dayArr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]

  var date=new Date();
  var year=date.getFullYear();//获取年份。
  var month=date.getMonth();//获取月份,从0开始。
  var hao=date.getDate();//获取天数。
  var day=date.getDay();//获取星期。

document.querySelector("div").innerHTML="今天是"+year+"年"+(month+1)+"月"+hao+"日&nbsp;"+dayArr[day]
</script>

相关文章

  • JS案例17-JS日历

    源码:

  • JS案例17-JS定时器

    JS定时器有两种方法。 setInterval() :循环调用函数或计算表达式。方法会不停地调用函数,直到 cle...

  • 2018-08-25

    用javascript写日历 这是刚开始学习js基础时做的一个小小的日历案例,只是完成了简单的日历功能,可以输出指...

  • 17-JS特效-DOM操作

    一、复习。 1、value,innerHTML,innerText. 标签的value属性。 innerHTML获...

  • 任务17-JS语法,JS基础2

    1.函数声明和函数表达式有什么区别 ? 1.函数声明必须有标识符,也就是常说的函数名;函数表达式可以省略函数名。2...

  • 日历案例

    css div js

  • 任务17-js数据类型

    1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么? ...

  • day07(2017 10 11)

    Date()案例 时钟 日历

  • React-native 日历控件即拿即用

    日历控件。先上图吧 ======================js文件=====================...

  • 原生js日历

    http://runjs.cn/code/deul0ohu

网友评论

      本文标题:JS案例17-JS日历

      本文链接:https://www.haomeiwen.com/subject/zzgxtqtx.html