js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)

想要将JS日期字符串截取、分割成单个具体的日期,我们可以使用字符串的截取、分割函数以及JS内置的日期对象。

具体流程如下:

  1. 首先,将日期字符串作为参数传递给JS内置的Date()构造函数,将其转换成日期对象。日期字符串格式必须为:yyyy-mm-dd hh:mm:ss,否则将会抛出错误。
let dateString = "2009-12-30 13:28:29";
let dateObj = new Date(dateString);
  1. 截取年、月、日、时、分、秒的具体数值
let year = dateObj.getFullYear();
let month = dateObj.getMonth() + 1;   // 月份从0开始,需要加1
let day = dateObj.getDate;
let hour = dateObj.getHours();
let minute = dateObj.getMinutes();
let second = dateObj.getSeconds();
  1. 可以将获取到的年、月、日、时、分、秒组合成需要的格式,例如:yyyy-mm-dd、mm/dd/yyyy等等。

下面是两条示例说明:

示例1:将日期字符串按照yyyy-mm-dd hh:mm:ss的格式解析,然后单独提取出年、月、日、时、分、秒的具体数值。

let dateString = "2009-12-30 13:28:29";
let dateObj = new Date(dateString);

let year = dateObj.getFullYear();
let month = dateObj.getMonth() + 1;
let day = dateObj.getDate();
let hour = dateObj.getHours();
let minute = dateObj.getMinutes();
let second = dateObj.getSeconds();

console.log(`日期:${year}-${month}-${day} 时间:${hour}:${minute}:${second}`);

运行结果为:日期:2009-12-30 时间:13:28:29

示例2:将日期字符串按照mm/dd/yyyy格式解析,然后单独提取出年、月、日的具体数值。

let dateString = "2009-12-30 13:28:29";
let dateObj = new Date(dateString);

let year = dateObj.getFullYear();
let month = dateObj.getMonth() + 1;
let day = dateObj.getDate();

let formattedDate = `${month}/${day}/${year}`;
console.log(`日期:${formattedDate}`);

运行结果为:日期:12/30/2009

注意:在进行格式化时,要根据需要考虑是否需要补0。例如,当月份或日期为个位数时,应该在前面补0。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29) - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JavaScript数组实例的9个方法

    下面我来为您详细讲解JavaScript数组实例的9个方法: 1. push() arr.push(item1, item2, …, itemX); push() 方法向数组的末尾添加一个或多个元素,并返回新的长度。示例代码如下: let arr = [1, 2, 3]; // 向数组末尾添加元素4 arr.push(4); console.log(ar…

    JavaScript 2023年5月27日
    00
  • javascript 设计模式之组合模式原理与应用详解

    JavaScript设计模式之组合模式原理与应用详解 什么是组合模式 组合模式是一种结构型设计模式,它将对象组合成树形结构来表示“整体-部分”层次结构,让客户端能够统一地处理单个对象和对象组合。 组合模式对单个对象和组合对象的访问具有一致性,它定义了一个抽象类或接口以表示所有可被组合的对象的共同方法和属性,这个抽象类或接口可以为叶子节点和组合节点提供一个统一…

    JavaScript 2023年5月28日
    00
  • 前端设计模式——计算属性模式

    计算属性模式(Computed Property Pattern):在JavaScript中,可以使用Object.defineProperty()方法来实现计算属性模式,通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 计算属性模式的基本思想是,定义一个函数作为对象的属性,并在该…

    JavaScript 2023年4月18日
    00
  • 原生js获取iframe中dom元素–父子页面相互获取对方dom元素的方法

    当在网页中嵌入了一个iframe元素时,有时候需要获取其中的DOM元素或与iframe页面里面的JS代码进行交互,这时需要使用原生Javascript来进行操作。 获取iframe中的DOM元素 获取iframe元素 首先,我们需要获取到iframe元素,这可以通过以下方法来实现: const iframe = document.getElementById…

    JavaScript 2023年6月10日
    00
  • 延时加载JavaScript代码提高速度

    延时加载(Delayed Loading)也称为懒加载(Lazy Loading),是一种优化策略,可以提高网站的性能和用户体验。懒加载的核心思想是将网站上的资源尽可能地延迟加载,只有在需要时再去加载,这样可以减少页面的加载时间,缩短用户等待时间,提高用户体验。 在JavaScript代码上,可以通过一些技术来实现延时加载,这里介绍两种常用的方法: 1. 通…

    JavaScript 2023年6月11日
    00
  • ASP.NET 窗体间传值的方法

    ASP.NET是一种基于Web应用程序的框架,可以轻松实现Web开发,并提供了多种窗体间传值的方法。 一、Query String Query String是通过在URL上添加查询字符串的方法。例如,可以使用以下代码在源页面中将值传递到目标页面: string url = "targetPage.aspx?name=" + txtName…

    JavaScript 2023年6月11日
    00
  • element-ui的回调函数Events的用法详解

    下面是element-ui的回调函数Events的用法详解。 什么是Events? Events是element-ui中处理组件事件的一种机制,是一个Vue中的事件对象。和原生的事件对象相比,Events在提供原生事件对象的基础上,提供了一些额外的方法和属性。Events被广泛应用在element-ui组件中,例如Button、Input、Select、Da…

    JavaScript 2023年6月10日
    00
  • Bootstrap 表单验证formValidation 实现远程验证功能

    这里是详细讲解“Bootstrap 表单验证formValidation 实现远程验证功能”的完整攻略: 什么是 Bootstrap 表单验证 formValidation Bootstrap 表单验证 formValidation 是一种基于 jQuery 和 Bootstrap 的前端表单验证插件,它可以帮助开发者实现对表单数据的合法性检查。与其他前端表…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部