Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将日期转换为可使用moment.js发送到数据库的良好格式

将日期转换为可使用moment.js发送到数据库的良好格式
EN

Stack Overflow用户
提问于 2020-12-01 11:21:36
回答 2查看 127关注 0票数 0

我在将我的日期格式转换成可以发送到数据库的良好格式时遇到了问题。默认情况下,我在dateTimePicker中将当天设置为上午08:00当我想发送它的时候,它的格式是这样的,我试图实现的是"2020-12-01 08-00",所以它不仅格式不好,而且比所选择的时间早了一个小时。我尝试使用moment.js进行转换,但没有任何反应。下面是我尝试过的代码:

代码语言:javascript
运行
AI代码解释
复制
// form where I can pick the date //
ngOnInit() {
    this.data= this.formBuilder.group({
      id: [],
      dateFrom: [this.setTime(), Validators.required],
      dateTo: [this.getNextWeek(), Validators.required],
      status: [-1],
    });
  }

// function where I try to convert the date to a useable form //

dataModify(object) {
    let formattedObject = {
      id: "",
      dateFrom: object.dateFrom,
      dateTo: object.dateTo,
      status: object.status,
    };

    moment.utc(object.dateFrom).format('YYYY-MM-DD HH:mm');
    moment.utc(object.dateTo).format('YYYY-MM-DD HH:mm');

return formattedObject;
}
EN

回答 2

Stack Overflow用户

发布于 2020-12-01 11:28:49

一般来说,您希望在数据库中将时间保存为UTC,然后在需要的地方(通常是客户端)进行转换。

我从你的问题中猜到你是在GMT+1。你可以手动进行转换,或者添加时刻时区:

https://www.npmjs.com/package/moment-timezone

然后,您可以像这样转换:

代码语言:javascript
运行
AI代码解释
复制
// Change 'Europe/Madrid' to whatever timezone  you need
moment(object.dateFrom).tz('Europe/Madrid').format('YYYY-MM-DD HH:mm'))

好的是,如果你最终不得不为多个时区服务,你可以将所有的时间存储在UTC中,然后在需要的时候进行转换

票数 0
EN

Stack Overflow用户

发布于 2020-12-01 12:23:06

抱歉,没有必要使用momentjs来格式化日期。你可以用这个。

代码语言:javascript
运行
AI代码解释
复制
formatDate = (date) => {
    const _date = new Date(date);
    const day = _date.getDate();
    const month = _date.getMonth() + 1;
    const year = _date.getFullYear();
    return `${year}-${month}-${day}`;
}

formatTime = (date) => {
    const _date = new Date(date);
    const hours = _date.getHours()
    const minutes = _date.getMinutes();
    const seconds = _date.getSeconds();
    return `${hours}:${minutes}:${seconds}`;
}

toDateTimestamp = (date) => {
    const dateStamp = this.formatDate(date);
    const timeStamp = this.formatTime(date);
    return `${dateStamp} ${timeStamp}`
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65089563

复制
相关文章
【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )
required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项 , 不能为空 ;
韩曙亮
2023/04/24
3.3K0
【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )
HTML5 pattern属性
<input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" /> 使用方法:pattern正则表达式即可 一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([
2021/11/08
7560
HTML5语法,标签,属性
html5相对于以前的html(html4,xhtml等)更加简洁更加的人性化。主要体现在一下几个方面:
踏浪
2019/07/31
2.4K0
给IE9及其以下等不支持classList属性的浏览器,添加classList属性
1 // 解决IE9及其以下 不支持classList属性的问题 2 if (!("classList" in document.documentElement)) { 3 Object.defineProperty(HTMLElement.prototype, 'classList', { 4 get: function() { 5 var self =
彼岸舞
2020/09/30
9310
HTML/HTML5 Input类型&&表单
1.HTML 中"不常用"input类型中的属性值: disabled:输入字段禁用; maxlength:输入字段的最大字符长度; readonly:输入字符只读,无法修改; size:输入字段可见字符数。 1 <form action="" method="get"> 2 <input type="text" name="text1" id="" value="1" disabled><br> 3 <input type="text" na
用户1149564
2018/01/11
1.4K0
HTML/HTML5 Input类型&&表单
HTML5新增的from表单input属性
required:1->输入框不能为空; 2->浏览器需要对当前输入框做验证; autofocus:输入框自动聚焦; placeholder:占位符,提示用户输入(IE9以下的不支持);
德顺
2019/11/13
1.7K0
PCA不适用于时间序列分析的案例研究
在大部份情况下我们都可以使用 PCA 进行线性降维。从图像处理到非结构化数据,无时无刻不在。我们甚至可以将它用于时间序列分析,虽然有更好的技术。在这篇文章中,我想向您介绍动态模式分解 (DMD),这是一种源自我的研究领域:流体动力学的用于高维时间序列的线性降维技术。DMD 结合了两个世界中的优点:PCA 和傅立叶变换。在数学上,它与动力系统理论中的一个基本算子有关,称为 Koopman 算子。但在深入研究 DMD 的数学之前,让我们用一个相当简单的例子来说明为什么 PCA 不是高维时间序列分析的最佳选择。
deephub
2021/07/23
1.7K0
PCA不适用于时间序列分析的案例研究
HTML5新增属性学习笔记
1、form属性 表单内的从属元素,可以写在表单外部。可以通过指定元素的form属性来声明元素所属表单。form的属性值为表单的id。 1 <form id="testForm"> 2 <input type="text"> 3 </form> 4 <textarea form="testForm"></textarea>  详细学习内容可参看:HTML5新增的form属性简介 2、formaction属性 给所有的提交按钮增加formaction属性,可以通过不同的按钮将表单提交到不同的页面。 1
就只是小茗
2018/03/07
1.9K0
HTML5全局属性汇总
局部属性:有些元素能规定自己的属性,这种属性称为局部属性。 比如 link 元素,它具有的局部属性有 href、 rel、 hreflang、 media、 type、 sizes 这六个。 全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。
用户8983410
2021/09/22
1.1K0
HTML5新增全局属性
主要功能是允许用户在线编辑元素中的内容,它是一个布尔值属性,可以被设定为true或者false。该属性还有一个隐藏的inherit(继承)状态,如果属性值为true时表示为可编辑状态,如果属性值为false时表示为不可编辑状态,如果是未设定属性值,则由inherit状态来决定,如果元素的父元素是可编辑的,则该元素就是可以编辑的。
申霖
2020/10/27
9330
【HTML5】HTML5 多媒体标签 ② ( 视频标签 <video> | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )
HTML 5 的 <video> 视频标签 , 支持 ogg / mpeg 4 ( mp4 ) / webM 三种格式的音频 , 不同的浏览器支持的音频格式不同 ;
韩曙亮
2023/04/24
3.1K0
【HTML5】HTML5 多媒体标签 ② ( 视频标签 <video> | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )
Vue实现输入框自动聚焦
官方文档自定义指令 Vue.js <input type="text" placeholder="说些什么吧" ref="input" /> mounted() { this.$nextTick(() => { this.$refs.input.focus(); }); },
明知山
2020/09/03
2.4K0
HTML5(一)——新增元素和属性
自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些?
呆呆
2021/09/29
1.5K0
HTML5(一)——新增元素和属性
自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些?
呆呆
2021/11/26
1.4K0
HTML5 download属性无效的问题
如果url指向第三方资源,download会失效,表现和不使用download时一致——浏览器能打开的文件,浏览器会直接打开,不能打开的文件,会直接下载。浏览器打开的文件,可以手动下载。
javascript.shop
2019/09/04
5.1K0
HTML5新增的标签与属性
HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML)
Leophen
2019/08/23
1.6K0
HTML5 标签audio添加网页背景音乐代码
html5 <audio> 是 HTML 5 的新标签,定义声音,比如音乐或其他音频流。
阳光岛主
2019/02/18
11.5K0
HTML5中download属性的应用
写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。
OECOM
2020/07/01
1.1K0
js的attr用于设置属性值
$("#collapseExample").attr("display","none"); collapseExample 可能是 Bootstrap 框架中的一个折叠元素(Collapse),当点击某个触发器时,该元素会显示或隐藏。
用户9131103
2023/07/17
1.1K0
【HTML5】HTML5 语义化标签 ( HTML5 简介 | 新增特性 | 语义化标签及代码示例 )
HTML5 指的是 对 HTML 语言的第五次重大修改 , 新增了新的元素 / 属性 / 行为 ;
韩曙亮
2023/04/24
2.1K0
【HTML5】HTML5 语义化标签 ( HTML5 简介 | 新增特性 | 语义化标签及代码示例 )

相似问题

html5自动聚焦不适用于asp.net mvc

20

使用CSS设置HTML5自动聚焦属性

13

输入自动聚焦属性

100

CSS自动换行:断字不适用于IE9

94

:聚焦不适用于悬停效果。

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档