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

eyh26e7m 于 2022-11-25 发布在 Vue.js

关注(0)|答案(4)|浏览(141)

我有一个Vue Datepicker的工作示例，它的功能是选择一个日期并将其记录在控制台中的select上。
问题是它记录为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);
}

vue.js

来源：https://stackoverflow.com/questions/58382711/vue-js-datepicker-getting-only-formatted-date-portion

4条答案

按热度按时间

slwdgvem1#

vuejs-datepicker的selected回呼是以date对象或null呼叫。
您可以使用下列范例程式码，只取得日期的字串表示：

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

赞(0）回复(0）举报 2022-11-25

guz6ccqo2#

您可以使用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

赞(0）回复(0）举报 2022-11-25

d4so4syb3#

VueDatePicker有一个禁用TimePicker的属性，默认为true。
解决方法：

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

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

赞(0）回复(0）举报 2022-11-25

whhtz7ly4#

您可以使用javascript函数
jsref_目标等字符串
。
Documentation
李世民挺上前：

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

赞(0）回复(0）举报 2022-11-25

我来回答

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

4条答案

相关问题

热门标签

最新问答