Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue js日期选择器,仅获取格式化的日期部分_Javascript_Vue.js - Fatal编程技术网

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

Javascript Vue js日期选择器,仅获取格式化的日期部分,javascript,vue.js,Javascript,Vue.js,我有一个Vue Datepicker的工作实例,它的功能是拾取日期并将其记录到控制台中的select上 问题是它的日志为2019年10月18日星期五15:01:00 GMT-0400,但我只需要发送格式化的日期部分,如2019-10-18 这是vuejs-datepicker库,我似乎找不到任何与此相关的东西: customFormatter(date) { return moment(date).format('MMMM Do YYYY, h:mm:ss a'); } 我到底做错了什么

我有一个Vue Datepicker的工作实例,它的功能是拾取日期并将其记录到控制台中的select上

问题是它的日志为2019年10月18日星期五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);
}

日期({
返回{
日期:'',
...
CallDateFunction(日期){
控制台日志(日期);
}
选择的
回调将使用日期对象或null调用

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

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

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

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

另请参见:

您可以使用javascript函数

jsref_toisostring

这很有意思:

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