【Vue.js 入门与实战】--字符串的padStart方法使用

简介: String.prototype padStart (naxlength fillString=' ’) 第一个参数表示填充完之后字符串的总长度,例如图中的8不够两位,我们需要补足两位。

字符串的padStart方法使用

 

目录

一、具体方法

二、方法演示

 

一、具体方法

image.png

可以看到时间的1608分,一般来说,时间和年月份不足两位,需要补齐两位。所以这时我们需要学习ES6中的字符串新方法:


String.prototype padStart (naxlength fillString=' ’) 第一个参数表示填充完之后字符串的总长度,例如图中的8不够两位,我们需要补足两位。第二个参数表示用什么来进行填充,例如空格,其他字符或者0来填充字符串。使时间更加完整。

 

二、方法演示

Padstartpadend 不能调用数字,这是字符串独有的方法。

此时需求需要调用Padstart

var hh = dt.getHours().tostring().padStart(2, ‘0')

var mm = dt.getMinutes().tostring().padStart(2, ‘0')

var ss = dt.getseconds().tostring().padStart(2, ‘0')

image.png

可以看到已经都已经补齐了2位数。

 

相关文章
|
12天前
|
数据可视化 JavaScript 架构师
D3.js实战:数据可视化高级技巧实例应用
本文介绍了D3.js入门,包括创建HTML文件引入库、绘制简单线图、柱状图和饼图。示例展示了数据绑定、交互性和动画效果,如柱状图的悬停效果和线图的数据平滑过渡。此外,还提及力导向图和地图可视化的实现,以及使用Enter, Update, Exit模式进行动态更新。最后提到了复杂图表和高级技巧,如使用组件库、动画、交互性和性能优化。
28 0
|
14天前
|
前端开发 JavaScript
前端 js 经典:数组常用方法总结
前端 js 经典:数组常用方法总结
25 0
|
3天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
3天前
|
JavaScript API
vue3父子组件相互调用方法详解
vue3父子组件相互调用方法详解
|
4天前
|
JavaScript 前端开发
js中改变this指向、动态指定函数 this 值的方法
js中改变this指向、动态指定函数 this 值的方法
|
4天前
|
JavaScript 前端开发 开发者
JavaScript 中程序异常处理的方法,提升代码运行的健壮性
JavaScript 中程序异常处理的方法,提升代码运行的健壮性
|
4天前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
4天前
|
JavaScript
JS判断变量是不是数组?方法大全!
JS判断变量是不是数组?方法大全!
|
11天前
|
JavaScript
学习Node.js入门范例
然后,cmd中运行命令node E:/Test/server.js
15 2
|
12天前
|
IDE JavaScript 开发工具
Auto.js 开发入门
Auto.js 开发入门