JS实现简单的星期格式转换功能示例


Posted in Javascript onJuly 23, 2018

本文实例讲述了JS实现简单的星期格式转换功能。分享给大家供大家参考,具体如下:

1. js代码

<script>
  //定义一个日期对象;
  var currentTime=new Date();
  //获得系统年份;
  var year=currentTime.getFullYear();
  //获得系统月份;
  var month=currentTime.getMonth();
  //获得系统当月分天数;
  var day=currentTime.getDate();
  //获得系统小时;
  var hours=currentTime.getHours();
  //获得系统分钟;
  var minutes=currentTime.getMinutes();
  //获得系统星期几;
  var dayCycle=currentTime.getDay();
  //使用数组更改日期样式;
  var dayCycleArray=["日","一","二","三","四","五","六"];
  for(var i=0;i<7;i++){
    if(dayCycle==i){
      //将dayCycleArray的数赋值到系统星期几里面中去;
      dayCycle=dayCycleArray[i];
    }
  }
  //打印完整的系统日期;
  document.write("<div class=\"div3\">"+year+"年"+month+"月"+day+"日"+hours+"时"+minutes+"分"+"星期"+dayCycle+"</div>");
</script>

2. 使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun,测试运行结果如下:

JS实现简单的星期格式转换功能示例

注:细心的读者应该注意到了,本文示例演示的结果中月份显示为上个月(6月份),这是因为getMonth()获取的月份是从0开始计算的,需要+1才可得到当前月份

Javascript 相关文章推荐
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
js获取当前地址 JS获取当前URL的示例代码
Feb 26 Javascript
JS控制表单提交的方法
Jul 09 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
微信小程序App生命周期详解
Jan 31 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
vue使用rem实现 移动端屏幕适配
Sep 26 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 #Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 #jQuery
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 #Javascript
jquery实现搜索框功能实例详解
Jul 23 #jQuery
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 #Javascript
Vue+axios实现统一接口管理的方法
Jul 23 #Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 #Javascript
You might like
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
Smarty模板配置实例简析
2019/07/20 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
新手入门常用代码集锦
2007/01/11 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python 正则表达式的高级用法
2016/12/04 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
python实现dijkstra最短路由算法
2019/01/17 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
如何使用Python调整图像大小
2020/09/26 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
架构师岗位职责
2013/11/18 职场文书
宣传活动总结范文
2014/07/01 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
年度考核表个人总结
2015/03/06 职场文书
家属联谊会致辞
2015/07/31 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
十二月早安励志心语大全
2019/12/03 职场文书