Question

我在我的vue.js代码中单独使用日期选择器和时间选择器（使用element.io）我的datepicker和时间选择器给我的价值为： date =“”2018-01-19T00：00：00.000Z“ 时间=“2018-05-20T00：06：30.000Z 日期和时间都是对象形式...... 现在我想创建新对象 dataTime =“2018-01-19T00：06：30.000Z”

如何创建它然后将其转换为ISOStrinh格式？

Answer 1

您可以使用momentjs（http://momentjs.com/）：

var date = moment(dateObject).format("YYYY-MM-DD");
var time = moment(dateObject).format("HH:mm:ss");

Answer 2

你可以在普通的Javascript中完成，不需要像moment.js这样的库。

这是一个冗长的例子，它可以简化......

getDateTime($d,$t){
   let date = $d; //i.e. "2018-01-19T00:00:00.000Z";
   let time = $t; //i.e. "2018-05-20T00:06:30.000Z";

   date = date.split('T').slice(0,1);
   time = time.split('T').slice(1);

   return date + 'T' + time;
}

Answer 3

您可以按以下方式使用date-fns：

import {formatISO} from date-fns;
const date = new Date();
const time = new Date();
const newDate = formatISO(date, {representation: 'date'});
const newTime = formatISO(time, {representation: 'time'});
const dateTime = `${newDate}T${newTime}`

Answer 4

您必须使用moment.js：

var firstvar="2018-01-19T00:00:00.000Z";
var secondvar="2018-05-20T00:06:30.000Z";
var thirdvar=moment(firstvar).format("YYYY-MM-DD") + moment(secondvar).format("THH:mm:ssZ");

首先在datetime和date上拆分time个对象，然后将它们连接在一起 thirdvar将导致2018-01-19T00:06:30.000Z

如何在单个元素中连接日期选择器值和时间选择器值？

4 个答案: