精华内容
下载资源
问答
  • 前端,平时遇到的小技术点总结
      项目中遇到将,**年-月-日 时-分-秒**(如:2019-08-09 12:53:00)这种格式的日期时间,传入以小时为单位的数值(Number类型,如:2),让时间增加,计算新的时间,并返回 年-月-日 时-分-秒 的格式。
    
    const dateTime = '2019-08-09 12:53:00' ;
    //将时间转化为 中国标准格式
    const t =new Date(dateTime); //输出 Fri Aug 09 2019 12:53:00 GMT+0800 (中国标准时间) 
    var inspectionAllTime = Number($('#inspectionAllTime').val()); //要加的值 Number类型 如 2
    
     // t.setTime(t.setMinutes(t.getMinutes() + 1));//设置新时间比旧时间多一分钟
    
     t.setTime(t.setHours(t.getHours() + inspectionAllTime));//设置新时间比旧时间多2小时
    //加0函数 日期中 日和月份 添零
     function p(s) {
         return s < 10 ? '0' + s : s
     }
    //将重新计算的时间进行加零处理,并转化成 年-月-日 时-分-秒格式
     const d = new Date(t);
     const resDate = d.getFullYear() + '-' + p((d.getMonth() + 1)) + '-' + p(d.getDate())
     const resTime = p(d.getHours()) + ':' + p(d.getMinutes()) + ':' + p(d.getSeconds())
     console.log(resDate, '加过小时的 年月日')
     console.log(resTime, '加过小时的 时分秒')
     const newResTime = resDate + ' ' + resTime;
    
     console.log(newResTime, '新计算的时间')
    
    展开全文
  • 在写js的前端过程中,总会发现需要对于日期做判断,现在逐一记录下来,也方便大家和自己学习。 1、判断两个日期相差多少小时 //用于计算两个日期相差多少小时 //注意: //time1和time2都是字符串类型的时间,例如...

    在写js的前端过程中,总会发现需要对于日期做判断,现在逐一记录下来,也方便大家和自己学习。

    1、判断两个日期相差多少小时

    //用于计算两个日期相差多少小时
    //注意:
    //time1和time2都是字符串类型的时间,例如 2020-03-03 12:22:22
    //这里的parseInt是取整,所以在实际的业务判断中请注意是否需要等于号。例如:
    //console.log(parseInt(2.6)) 是2
    function divTime(time1, time2)
     {
                time1 = Date.parse(new Date(time1));
                time2 = Date.parse(new Date(time2));
                return  Math.abs(parseInt((time2 - time1) / 1000 / 3600)) ;
     }
    

    应用:

    var time1 = '2020-03-03 12:22:22';
    var time2 = '2020-03-02 12:22:22';
    
    var timediff = divTime(time1,time2);
    console.log(timediff)//24

    2、获取当前时间戳

    var time2 = Date.parse(new Date());
    console.log(time2);

     

    展开全文
  • SpringBoot接收前端日期不准确问题

    千次阅读 2018-04-26 11:28:30
    最近遇到一个问题,数据库字段为datetime,前端form表单直接展示过后保存入库,结果日期自己变化了,要么日期增加了一天,要么小时增加了两小时。 通过request.getParamater("createDate")获取到的参数和springBoot...

    最近遇到一个问题,数据库字段为datetime,前端form表单直接展示过后保存入库,结果日期自己变化了,要么日期增加了一天,要么小时增加了两小时。

    通过request.getParamater("createDate")获取到的参数和springBoot自己封装的createDate(java Date类型)后的参数不相等。

    request.getParamater("createDate")获取到的值是和前端相同,是正确的。因此讲问题定位为springBoot参数转换为Date类型时出错。

    解决办法:自定义一个参数日期转换器

    import java.text.ParseException;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    import java.util.Locale;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.core.convert.converter.Converter;
    
    /**
     * 自定义传入日期转换器
     * 用以解决前端提交时间数据,后台date字段接收转换不准确的问题
     */
    @Configuration
    public class DateConverConfig {
    	@Bean
    	public Converter<String, Date> stringDateConvert() {
    		return new Converter<String, Date>() {
    			@Override
    			public Date convert(String source) {
    				//yyyy-MM-dd HH:mm:ss日期字符串转换为Date类型
    				SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    				Date date = null;
    				try {
    					date = sdf.parse((String) source);
    				} catch (Exception e) {
    					//yyyy-MM-dd日期字符串转换为Date类型
    					sdf = new SimpleDateFormat("yyyy-MM-dd");
    					try {
    						date = sdf.parse((String) source);
    					} catch (ParseException e1) {
    						//EEE MMM dd HH:mm:ss Z yyyy字符串转换为Date类型
    						sdf = new SimpleDateFormat("EEE MMM dd HH:mm:ss Z yyyy", Locale.UK);
    						try {
    							date = sdf.parse((String) source);
    						} catch (ParseException e2) {
    							e2.printStackTrace();
    						}
    					}
    				}
    				return date;
    			}
    		};
    	}
    
    }

    这样就能解决日期变化的问题。

    如果有更好的解决办法,或者是本文有不对之处,敬请批评指正!

    【四川乐山程序员联盟,欢迎大家加群相互交流学习5 7 1 8 1 4 7 4 3】


    展开全文
  • 前端开发之日期插件

    千次阅读 2015-05-30 10:07:05
    手机上我们也用过mobiscroll这是我见过手机端最好用的日期选择控件。 今天我们讲的跟这些都不一样,大家有没有想过当你选择了日期后要对日期进行一些处理应该怎么做? 现在我们就来了解一款灰常好用的日期处理插件...

    日历插件大家相比看的多了,也没什么可说的,五花把门的插件多的是,pc上我相信很多小伙伴用过my97很好用。手机上我们也用过mobiscroll这是我见过手机端最好用的日期选择控件。
    今天我们讲的跟这些都不一样,大家有没有想过当你选择了日期后要对日期进行一些处理应该怎么做?
    现在我们就来了解一款灰常好用的日期处理插件,他可以运行在nodejs也可以用在页面里。
    moment.js使用它可以轻松解决前端开发中遇到的种种日期时间问题。
    moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计算相对时间,获取特定时间后的日期时间等等。

    1、格式化时间

    当前时间:

    moment().format('YYYY-MM-DD HH:mm:ss'); //2015-05-30 10:36:09 

    今天是星期几:

    moment().format('d'); //6 

    转换当前时间的Unix时间戳:

    moment().format('X'); 

    2、相对时间

    20130201相对当前日期是2年前

    moment("20130201", "YYYYMMDD").fromNow(); //2 years ago 

    7天后的日期:

    moment().add('days',7).format('YYYY年MM月DD日'); //2014年10月01日 

    9小时后的时间:

    moment().add('hours',9).format('HH:mm:ss'); 

    是不是很easy,有了它我们就可以随心所欲的处理时间,比如我们做一个订房插件,我们希望用户选择到店日期后,自动生成离开日期是第二天,我们就可以使用moment().add实现我们的需求。
    废话不多说上手册(这是根据官方翻译过来的,如果要看详细的还是要去官网,或者百度一下)

    格式代码说明返回值例子
    M数字表示的月份,没有前导零1到12
    MM数字表示的月份,有前导零01到12
    MMM三个字母缩写表示的月份Jan到Dec
    MMMM月份,完整的文本格式January到December
    Q季度1到4
    D月份中的第几天,没有前导零1到31
    DD月份中的第几天,有前导零01到31
    d星期中的第几天,数字表示0到6,0表示周日,6表示周六
    ddd三个字母表示星期中的第几天Sun到Sat
    dddd星期几,完整的星期文本从Sunday到Saturday
    w年份中的第几周如42:表示第42周
    YYYY四位数字完整表示的年份如:2014 或 2000
    YY两位数字表示的年份如:14 或 98
    A大写的AM PMAM PM
    a小写的am pmam pm
    HH小时,24小时制,有前导零00到23
    H小时,24小时制,无前导零0到23
    hh小时,12小时制,有前导零00到12
    h小时,12小时制,无前导零0到12
    m没有前导零的分钟数0到59
    mm有前导零的分钟数00到59
    s没有前导零的秒数1到59
    ss有前导零的描述01到59
    XUnix时间戳1411572969

    最后我们上官网:http://momentjs.com/docs/

    展开全文
  • 前端JS日期格式转换

    2021-01-15 17:05:35
    } 使用方法 formatDate('YYYY-mm-dd HH:MM:SS',new Date('2019-09-22')) 3、计算两个日期之间相差的天数(包含今天) 代码 function dateDiffIncludeToday(startDate, endDate) { return parseInt((endDate - ...
  • //+-------------------------------------...//| 求两个时间的天数差 日期格式为 YYYY-MM-dd //+--------------------------------------------------- function daysBetween(DateOne,DateTwo) {  var OneMonth = ...
  • $("#btn_search") .click(function () { SearchUser(); }); 获取相应日期的方法 $("#ShowToday") .click(function () { $("#SceneReco
  • js计算两个日期天数

    2021-03-16 18:06:46
    当前日期为:"+year+"年"+month+"月"+date+"日"+"<br>");//2021/3/16 //目标日期 let dateEnd = new Date(2021, 3, 18); //把...
  • 在开发过程中,有时需要对日期选择框设置一个默认值(比如当天、前几天或者是后几天)?如何自动计算过期时间?具体怎么实现呢,我们一起来看下。...2是根据商品生产日期和保质期,自动计算出过期时间。
  • 只是粗略的计算,对差额的时分秒毫秒没有做更具体的处理,原理是通过时间戳计算两个时间点的毫秒差,再换算为天 方式1: (new Date('2021/04/22').getTime() - new Date('2021/04/20').getTime())/1000/60/60/24 // ...
  • js实现根据出生日期计算年龄

    千次阅读 2018-03-10 17:45:15
    $.ajax({ url: "/getteacherinfomation", type: "post", data: {"teacherNoInfo":teacherNoInfo}, datatype: "json", success: function (data) { ... ...
  • '-' + myMonth + '-' + mmyWeekDay } // 计算本月多少天 function getMonthDays(myMonth) { var start = new Date(nowYear, myMonth, 1) var end = new Date(nowYear, myMonth + 1, 1) var days = (end - start) / ...
  • 使用js计算日期之间的差值不使用内置方法,无兼容问题,建议JS新手学习使用
  • 前段时间在做一个项目时总是需要获取各种时间或日期,于是在此记录一下这些用到的方法,方便以后需要时进行查阅。 1.获取某月的天数 //输入参数:年、月 function getMonthDays(nowYear,myMonth){ var ...
  • 一、根据日期判断周几 var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; var myDate = new Date(Date.parse(value)); //例如value:2021-03-10 console.log(weekDay[myDate....
  • 1.根据日期算年龄 mymethod(birthday){//根据日期算年龄 if(birthday){ birthday=birthday.split('-'); // 新建日期对象 let date = new Date(); // 今天日期,数组,同 birthday let today = [date....
  • js 取得今天0点: const start = new Date(new Date(new Date().toLocaleDateString())....同理出: js 取得今天 23:59:59 const start = new Date(new Date(new Date().toLocaleDateString()).getTime()+24606
  • 前端计算两个时间差

    2021-03-24 10:47:07
    类型=秒 1000 类型=分钟 1000 * 60 类型=小时 1000 * 3600 类型=天 1000 * 3600 * 24 ...let startT= new Date(开始时间);...间隔 = parseFloat((endT .getTime() - startT.getTime()) / parseInt(类型));...
  • * 计算两个日期时间相差的年数、月数、天数、小时数、分钟数、秒数 * DIFFTIME(开始时间,结束时间,[单位]),单位可以是 "y" 、"M"、"d"、"h"、"m"、"s"' * console.log(DIFFTIME('2019-6-30 13:20:00', '2020-10-...
  • //通过身份证号计算年龄、性别、出生日期 function idCard(userCard, num) { //获取出生日期 if (num == 1) { birth = userCard.substring(6, 10) + "-" + userCard.substring(10, 12) + "-" + userCard.subst
  • 前端日期Date

    2020-11-15 18:01:08
    关于前端日期Date的理解: 前端获取日期写法 和 java 语法一样 **new Date()**就行 <script> console.log('日期:',new Date()) </script> 看浏览器打印的信息: 可以看到输入的不是我们想要的 yyyy-...
  • 前端js计算时间差

    千次阅读 2018-12-25 15:29:27
    最近一个需求,数组数库后端传递的有一个时间...首先需要转化为前端的时间格式:var beginTime= new Date(t1 .replace(/-/g, "/")); 当前的时间:var thisTime= new Date(); 计算毫秒时间差:var dateMi...
  • 前端常用日期格式转换dateFormate.js

    千次阅读 2019-05-21 15:04:31
    dateFormat.js 常用日期格式转换 const WEEK_ARR = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'] export class DateFormat { date constructor(date = new Date()) { this.date = this.getDate...
  • 本例中用的是easyUI的datebox $('#cal_birthday').datebox({ onSelect: function(date... //根据选则的日期计算年龄 //alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate()); // 2017:6:12...
  • 几个前端时间插件总结总结一下几款时间插件,分别是- [ ] jeDate 下载地址- [ ] bootstrap-datetimepicker 下载地址- [ ] My97DatePicker 下载地址- [ ] jQuery UI 插件Datepicker 下载地址并没有哪款完全超越另外一...
  • 前端获取当前时间前的几天时间 function(date){ // 此处的date代表的就是 想要获取当前时间前的几天时间 let now = new Date(); let day1 = new Date(); day1.setTime(now - date * 24 * 60 * 60 * 1000);...
  • Vue前端计算两个日期的相差月份

    千次阅读 2020-03-02 18:16:01
    let date1 = this.form.endDate.split('-');//例:将2020-12-21 的-去掉 date1 = parseInt(date1[0]) * 12 + parseInt(date1[1]);//将字符串转换为数字格式 let date2 = this.form.startDate.split('-');...
  • js前端计算两个日期的间隔时间(时间差)

    万次阅读 多人点赞 2017-08-28 16:09:43
    首先说明一下时间戳的概念。时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。所以要求两个时间的间隔只...这里采用获取两个日期的时间戳进行计算 例如:f...
  • 计算日期之间间隔几周(支持跨年) function weekCalculator(beginDate, endDate) { //跳过第一周,直接获取第二周周一时间 const beginTime = beginDate.getTime() + (7 - this.getLocalDay(beginDate)) * (1000 ...
  • 前端周数计算

    2020-10-14 11:25:40
    业务场景:在界面上点击后端回传字段如‘2020年第21周’,此时需要往后端传所选周的始末时间(年月日 时分秒) const selectTime = '2020年第21周' constyear1=selectTime .split('...//起始日期 constparams=`$...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 36,351
精华内容 14,540
关键字:

前端日期计算

友情链接: Image Puzzle.zip