Vue js 日期选择器，仅获取格式化的日期部分

Question

我有一个 Vue 日期选择器的工作实例，它的功能可以选择一个日期并将其记录在控制台中的选择上。

问题是它记录为Fri Oct 18 2019 15:01:00 GMT-0400但我只需要像2019-10-18一样发送格式化的日期部分。

这是vuejs-datepicker库，我似乎无法获得任何与此相关的内容：

customFormatter(date) {
return moment(date).format('MMMM Do YYYY, h:mm:ss a');
}

我到底做错了什么？

<datepicker :value="date" @selected="CallDateFunction"></datepicker>
date(){
return {
date: '',
...
CallDateFunction(date){
console.log(date);
}

Answer 1

vuejs-datepicker 的selected回调是使用 date 对象或 null 调用的。

可以使用以下示例代码仅获取日期的字符串表示形式：

CallDateFunction(date){
if (date) {
const dateString = date.toISOString().substring(0, 10);
console.log(dateString);
} else {
console.log('null date');
}
}

Answer 2

VueDatePicker 有一个 Props 来禁用 TimePicker，默认情况下这是真的。如:enableTimePicker="false"

溶液：

<Datepicker v-model="date" :enableTimePicker="false"></Datepicker>

来源： https://vue3datepicker.com/api/props/#enabletimepicker

Answer 3

您可以使用Date.prototype.toISOString()方法设置日期格式并将其设置为您的数据：

callDateFunction(rawDate){
if (rawDate)
this.formattedDate = rawDate.toISOString().split('T')[0]
}

另请参阅：https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString

Answer 4

您可以使用 javascript 函数

jsref_toisostring

.

文档

它漂亮的前锋：

var d = new Date();
var n = d.toISOString();