首页
学习
活动
专区
圈层
工具
发布

关于 toLocaleDateString 方法的实践分享

在 JS 中,将new Date()转换为string类型的方法很多,但如果我们要求时间格式为dd/MM/yyyy呢?这时,有的同学可能就想到toLocaleDateString()方法啦!...不可否认,toLocaleDateString()方法确实有可能将时间类型转换为dd/MM/yyyy格式,有图为证: ?...但实际上,toLocaleDateString()方法的真正含义为「根据本地时间把Date对象的日期部分转换为字符串」,这意味着:在不同的浏览器或者服务器中,我们可能得到不同的字符串。...例如,将 Chrome 浏览器的版本从57升级为58再升级为69,通过toLocaleDateString()方法获取的时间字符串格式分别为: #Chrome = 57 > new Date().toLocaleDateString...如果我们想获取yyyyMMdd格式的字符串,有一种很简单的方法,即: var tradeDate = new Date(); var yyyyMMdd = tradeDate.getFullYear()

70030
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS前端Date(日期)

    下面小菜重点讲解一些比较重要且常用的方法: - getFullYear(): 返回 4 位数年(即 2022) - getMonth(): 返回日期的月(0 表示 1 月,11 表示 12 月) -...1,上面new Date(2022, 2, 27, 10, 12, 22);我们月份传入的是2,2 就对应着 3月,所以得到了错误的月份Sun Mar 27 2022 10:12:22 GMT+0800...// 简单使用 let date = new Date(); // 获取年份 date.getFullYear(); // 2022 //获取月份 date.getMonth() + 1; // 2...]; // 得到正确的结果, ‘星期日’ // 获取当前日期 date.toLocaleDateString(); // 2022/2/27 // 获取当前时间 date.toLocaleTimeString...获取毫秒值(时间戳) 获取时间戳的方法有很多,小菜挑出这四个常用的简单介绍一下: valueOf() getTime() +new Date() Date.now() H5新增 这些返回的结果都是一样的

    12.9K30

    前端开发:JS获取当前日期方法(各种获取时间的奇葩需求汇集)

    首先来了解一下获取当前日期和时间的原理:JS通过Date对象来获取当前日期和时间,通过使用Date()方法来获取系统当前时间,定义和用法如下所示: 1、语法 Date() 2、用法 eg:获取并输出当前的日期和时间...,如下所示: document.write(Date()) 具体的一些获取时间不同类型的方法如下所示: var date...= new Date(); //Date() 方法可返回当天的日期和时间 date.getYear(); //获取当前年份 date.getFullYear(); //获取完整的年份(4位,1970-...(); //获取当前时间(eg: 10:31:52 GMT+0800(中国)) date.toLocaleString( ); //获取日期与时间 date.toLocaleDateString();...) { var date = new Date(); var myyear = date.getFullYear(); var mymonth = date.getMonth() + 1;

    10.3K20

    JavaScript日期处理

    ; new Date().getTime() // 任意时区下当前时间的毫秒值相同 格林威治时间(GMT):是指位于英国伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线。...·new Date().getTimezoneOffset() / 60; // -8,即英国的当地时间比中国的北京时间晚8小时 Date类型 在讲述常见日期问题之前,先梳理一下Date类型的方法...常用方法列表: 方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。...getFullYear() 从 Date 对象以四位数字返回年份。 getHours() 返回 Date 对象的小时 (0 ~ 23)。...toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。

    5.1K51

    JavaScript 时间与日期

    知识点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 JavaScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。...Date.parse()方法接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应的毫秒数。没有定义Date.parse()应该支持哪种日期格式,因此方法的行为因实现而异,因地区而异。...alert(Date.UTC(2011,11)); //1322697600000 如果Date.UTC()参数传递错误,那么就会出现负值或者NaN等非法信息。...var box = new Date(Date.UTC(2011,11, 5, 15, 13, 16)); 二.通用的方法 与其他类型一样,Date类型也重写了toLocaleString()、toString...valueOf()方法显示毫秒数。 三.日期格式化方法 Date类型还有一些专门用于将日期格式化为字符串的方法。

    2.4K81

    Date与RegExp常见用法

    Date 定义 使用 Date 的构造函数 可以使用 Date.parse() 和 Date.UTC() 来作为参数传入 Date的构造函数中 parse接受的是特定格式的日期字符串,不同的浏览器...、不同的时区格式也不同,若字符串不能表示为日期则返回NaN UTC的参数是年、月、日、时等等类推,年月两个参数必须指定,其余不指定则默认为0。...3001 },3000); console.log(a);//1593228072462 继承的方法 toString() 和 toLocalString() 方法 他们会根据不同浏览器不同时区格式返回表示日期的字符串...getFullYear() setFullYear() 传入四位数 getMonth() setMonth() 传入值大于0,超过11则增减年份 getDate() setDate() 传入值1~31...(yes|no) yes或no 实例方法 exec() 接受一个参数,即要搜索匹配的字符串,该方法返回一个Array实例,该实例包括两个属性 index 和 input,index 表示匹配项在字符串中的位置

    1.1K20

    js中进行数字,超大金额(千位符),日期时间格式化处理

    方法二:截取末尾三个字符的功能可以通过字符串类型的slice、substr或substring方法做到 /* slice() 方法可从已有的数组中返回选定的元素,截取数组的一个方法 */ function...Date的原型下面的方法,这样也是可以的 * getFullYear,getMonth,getDate,getMinutes,getHours,getMinutes,getSeconds方法,获取年,月...toLocaleDateString方法,但是此法只能获取到年,月,日,并不能得到时,分,秒 */ var d = new Date(1572728572986); console.log(d.toLocaleDateString...(可以利用控制台测试Date下面的实例方法) 方式二:利用new Date()方法,getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),...*/ var date = new Date(1572728572986); var Year = `${date.getFullYear()}-`; var Month = `${ date.getMonth

    4.9K20

    Element-UI饿了么时间组件控件按月份周日期,开始时间结束时间范围限制参数

    接下来,我们使用两个详细的案列来更清晰解读一下,日期控件的使用方法、 两个日期联动控制(限制开始和结束时间为最近一个月) 其实思路很简单,开始时间显示当前时间为最大,结束时间通过拿到开始时间的数据,限制最大为...Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1) // return 一个公式 最大为当前时间,最小为...().getTime() - space // 设置最小选择时间,dateRange为当前时间需要手动方法获取当前时间,下方代码有展示获取当前时间的方式 const minTime...const maxTime = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60...() + addDate) // 获取第addDate天后的日期 var y = dd.getFullYear() var m = dd.getMonth() + 1 < 10 ?

    3.7K20

    JS基础-JS内置对象Date详解

    原型中的方法 getFullYear():根据本地时间,返回指定日期的年份,此方法替代 getYear() 。...例如你所在时区为 UTC+10(澳大利亚东部标准时间),将会返回 -600 new Date().getFullYear() // 2019 new Date('Sat Nov 23 2019 12:20...setTime()方法以一个表示从1970-1-1 00:00:00 UTC计时的毫秒数为来为Date对象设置时间。 monthValue:一个0到11之间的整数值,表示从一月到十二月。...toLocaleDateString() 方法返回该日期对象日期部分的字符串 toLocaleTimeString() 方法返回该日期对象时间部分的字符串 toString 方法总是返回一个美式英语日期格式的字符串..., 7).toLocaleDateString() // "1993-7-28" new Date(1993, 6, 28, 14, 39, 7).toLocaleTimeString() // "14

    5.1K10

    JavaScrip内置对象

    ();//本地风格的日期格式 date.toLocaleDateString(); // 获取日期 date.toLocaleTimeString(); // 获取时间 获取日期的指定部分...();//返回4位的年份 如 2016 格式化当前时间 function getD() { var date = new Date(); var year = date.getFullYear...把简单类型转换成复杂类型:var s = new String(str); 2. 调用包装类型的indexOf方法:var result = s.indexOf(“a”); 3....销毁刚刚创建的复杂类型 总结 : js为了我们使用方便,浏览器允许使用简单类型直接调用方法,会自动把简单类型转换成复杂类型。...Number对象 Number对象是数字的包装类型,数字可以直接使用这些方法 toFixed(2)//保留2位小数 toString();//转换成字符串 Boolean对象 Boolean对象是布尔类型的包装类型

    1.3K40

    需要知道的JS的日期知识,都在这了

    使用日期字符串参数的创建的本地时间与UTC的比较可能是一个难以捕捉的错误。所以,建议不要使用日期字符串创建日期方式。...编写自定义日期格式 假设想要 2019年1月23日 星期四这样的日期格式。需要知道 Date对象日期方法。...要获取这样的格式,用到 Date 中的四个方法: getFullYear:获取当地时间4位数的年份 getMonth:获取当时时间的月份,注意从 0 开始 getDate:获取当地时间月中的某一天...如果需要创建自定义格式的时间,可以使用以下方法 getHours:获取当地时间获取小时数(0-23)。 getMinutes:获取本地时间获取分钟(0-59)。...) // 31 March 2019 第二种方法 使用getFullYear,getMonth,getDate方法,更改对应的值, 然后,我们使用new Date创建最终日期。

    3.2K40
    领券