前端获取当前时间并且转为yyyy-MM-dd格式
时间: 2023-07-06 13:22:26 浏览: 105
可以使用 JavaScript 的 Date 对象来获取当前时间,然后使用该对象提供的方法将时间转换为指定格式的字符串。下面是一个示例代码:
```javascript
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1; // 月份从0开始,需要加1
var day = now.getDate();
var formattedDate = year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
console.log(formattedDate);
```
解释一下:
- `new Date()` 创建一个表示当前时间的 Date 对象。
- `getYear()` 方法返回当前年份的后两位,但不推荐使用,因为有些浏览器实现不一致。推荐使用 `getFullYear()` 方法来获取完整的年份。
- `getMonth()` 方法返回当前月份,从0开始计数,即0表示1月,1表示2月,以此类推。
- `getDate()` 方法返回当前日期。
- 用三元运算符来判断月份和日期是否小于10,如果是则在前面加上一个0,否则直接使用原值。
- 最后将年、月、日拼接起来,中间用`-`分隔。
上述代码输出的格式为 `yyyy-MM-dd`。
相关问题
java返回给前端的时间(不是json数据,使用Model传递给前端的)如何转换成yyyy-MM-dd的格式
如果你使用的是Java 8及以上版本,可以使用`java.time`包中的`LocalDate`类来处理日期,具体实现步骤如下:
1. 在Controller中将时间转为LocalDate对象,并添加到Model中:
```java
import java.time.LocalDate;
@GetMapping("/time")
public String getTime(Model model) {
// 获取当前日期
LocalDate date = LocalDate.now();
// 将日期添加到Model中
model.addAttribute("date", date);
return "time";
}
```
2. 在前端页面中使用Spring表达式`${...}`将Model中的时间取出,并格式化为"yyyy-MM-dd"格式:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>时间</title>
</head>
<body>
<p>当前时间为:[[${#dates.format(date, 'yyyy-MM-dd')}]]</p>
</body>
</html>
```
其中`${#dates.format(date, 'yyyy-MM-dd')}`表示将Model中的`date`对象格式化为"yyyy-MM-dd"格式。
后端如何设置j返回给前端的时间(不是json数据,使用Model传递给前端的)如何转换成yyyy-MM-dd的格式
如果你使用的是Java 8及以上版本,可以使用`java.time`包中的`LocalDate`类来处理日期,具体实现步骤如下:
1. 在Controller中将时间转为LocalDate对象,并添加到Model中:
```java
import java.time.LocalDate;
@GetMapping("/time")
public String getTime(Model model) {
// 获取当前日期
LocalDate date = LocalDate.now();
// 将日期添加到Model中
model.addAttribute("date", date);
return "time";
}
```
2. 在前端页面中使用Spring表达式`${...}`将Model中的时间取出,并格式化为"yyyy-MM-dd"格式:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>时间</title>
</head>
<body>
<p>当前时间为:[[${#dates.format(date, 'yyyy-MM-dd')}]]</p>
</body>
</html>
```
其中`${#dates.format(date, 'yyyy-MM-dd')}`表示将Model中的`date`对象格式化为"yyyy-MM-dd"格式。
阅读全文