博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Date实战案例:倒计时&日历
阅读量:6953 次
发布时间:2019-06-27

本文共 923 字,大约阅读时间需要 3 分钟。

Date实战案例倒计时和日历控件,分享案例的核心思想,应用Date的方法,主要应用的date方法如下:

  • Date.now()
  • Date.parse()
  • getFullYear()
  • getMonth()
  • getDate()
  • getDay()
  • setDate()

案例一:倒计时

倒计时功能最典型的应用就是我们在电商App上看见的各种抢购倒计时,以及什么跨年倒计时呀,活动倒计时等等。倒计时的核心思想:就是计算目标时间和当前时间的一个时间差,我们先看本案例效果图:

以计算距离2019年倒计时为例,下面是代码分享:

`

    <--倒计时时间显示的标签-->	
复制代码

` 案例说明:通过代码,我们可以看出来,在计算时间差的方式,主要是以目标时间差的毫秒减去当前时间的毫秒方式来计算。然后把求出来的时间差计算有多少个月,多少天,多少小时,多少分,多少秒,在这个计算过程中就是简单粗暴的加减乘除了。

案例二:日历控件

日历控件是我们开发中经常使用的,典型应用就是选择一个时间,比如在做管理类系统开发时,经常需要选择一个开始时间和结束时间,用来做一个查询的区间范围,请看效果图:

日历控件的核心思想就是
获取时间,因此我们在开发的过程中就围绕该思想进行扩展。废话不多说,先看代码分享:

`

	
上月

2018年4月

下月
星期日
星期一
星期二
星期三
星期四
星期五
星期六
复制代码

`在本案例中,因为日期案例相对复杂一些,所以我给代码做了充足的注释,在看案例的同学建议你拷贝代码拿到自己的编辑器里运行,然后debugg查看步骤,这样更易于理解。

结语

在本次分享的案例有着非常高的实战意义与价值,喜欢的同学可以点波关注和赞,以示鼓励,十分感谢。

转载地址:http://lbnil.baihongyu.com/

你可能感兴趣的文章
DNS 多网段的反向记录
查看>>
Oracle imp和exp的使用
查看>>
Mongodb 副本集 数据同步简单测试
查看>>
前途是自己掌握的
查看>>
saltstack jobs管理
查看>>
WebStorm设置Themes
查看>>
FTP连接时出现“227 Entering Passive Mode” 的解决方法
查看>>
以太网交换机如何工作以及MAC和PHY
查看>>
Ubuntu 设置定时crontab任务
查看>>
linux下test命令
查看>>
tshark可以实现命令行脚本分析流量
查看>>
单例模式的使用和继承
查看>>
LVM逻辑卷管理-软RAID磁盘阵列
查看>>
LVS的三种模式区别详解
查看>>
如何隐藏xendesktop登录时domain信息的输入
查看>>
Linux_MySQL二次整理(1)
查看>>
Linux内核LTS长期支持版生命周期
查看>>
VMware下的Linux中调整屏幕大小,分辨率问题,终于解决啦
查看>>
cxgrid打印
查看>>
必 备 习 题 集 ( 三 )
查看>>