JavaScript Date对象操作:JSON日期转JS及格式化
195 浏览量
更新于2024-08-30
收藏 65KB PDF 举报
本文主要介绍了JavaScript中Date对象的使用,特别是如何处理JSON格式的日期数据并转换为人类可读的日期格式。
在JavaScript中,Date对象是用于处理日期和时间的核心部分。当我们从服务器获取JSON数据时,日期通常以特殊格式表示,如`/Date(1379944571737)/`。这个格式并不直观,我们需要将其转换为标准的日期对象。`ConvertJSONDateToJSDate`函数提供了解决这个问题的方法:
```javascript
function ConvertJSONDateToJSDate(jsondate) {
var date = new Date(parseInt(jsondate.replace("/Date(", "").replace(")/", ""), 10));
return date;
}
```
此函数通过移除字符串首尾的`/Date(`和`)`,并将剩余数字转换为毫秒值,从而创建一个新的Date对象。
接着,我们可能需要将Date对象转换为更易于阅读的格式。这里提供了两种转换方法:
1. `getDate`函数将日期转换为`yyyy-MM-dd`格式:
```javascript
function getDate(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return year + "-" + month + "-" + day;
}
```
2. `getDateTime`函数将日期和时间一起转换为`yyyy-MM-ddHH:mm:ss`格式:
```javascript
function getDateTime(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
return year + "-" + month + "-" + day + "" + hh + ":" + mm + ":" + ss;
}
```
此外,我们还可以直接使用字符串创建Date对象,例如:
```javascript
var str = "2012-12-12";
var date = new Date(str); // 字符串转换为Date对象
```
Date对象还有许多内置方法,如`getDate()`返回月份中的日(例如19号),`getDay()`返回星期几(0表示星期日,6表示星期六):
```javascript
var date = new Date(); // 当前日期
document.write(date.getDate()); // 显示当前日期中的日
document.write(date.getDay()); // 显示当前日期中的星期
```
通过这些方法,我们可以灵活地处理和展示JavaScript中的日期和时间,无论是从JSON数据解析还是在页面上显示。了解和掌握Date对象的使用对于JavaScript开发至关重要。
2022-01-13 上传
2022-01-13 上传
2020-10-29 上传
2020-10-23 上传
2020-12-03 上传
2020-11-23 上传
2020-11-24 上传
2020-12-07 上传
2021-03-29 上传
weixin_38558870
- 粉丝: 4
- 资源: 899
最新资源
- ok:K5编程语言的开源解释器
- vue-tiny-loading-overlay:vue.js 2x的任何元素的微小轻量级加载叠加指令
- baseview:音频插件UI的低级窗口系统界面
- cnn_gru-regression-master.zip
- 毕业设计&课设--大学毕业设计.zip
- 数据分析
- Excel模板00固定资产管理台帐.zip
- emgo:恩戈
- stop-words:支持合并的 code.google.compstop-words 的分支
- 毕业设计&课设--大学毕业设计(Web系统),企业人力资源管理系统(小型),前端采用Bootstrap框架,后端使用.zip
- unSAFE_MODE:SAFE_MODE系统更新程序的3DS用户级二次利用。 这实际上是一个相当安全的hax(͡°͜ʖ͡°)
- Excel模板企业公司部门预付款申请表单模板.zip
- holoclean:一种用于数据丰富的机器学习系统
- YANADU_DICT:The Conlang YANADU字典自动程序
- plex-api-graphql:用于Plex API的非官方GraphQL服务器
- mayorleaguec12:Basi HTML页面