2

我需要在CodePen中使用 DateFNS 但无法使其工作。错误：

“[Vue 警告]：data() 中的错误：'ReferenceError: dateFns 未定义'（在 <Root> 中找到）”

这是我的示例 CodePen：https ://codepen.io/anon/pen/eKqxmd

    <div id="app">
  <v-app id="inspire">
    <v-layout>
      <v-flex xs12 sm6 offset-sm3>
        <v-card>
          <v-card-title primary-title>
            <div>
              <h3 class="headline mb-0">DATE {{ todaysDateMin }}</h3>
            </div>
          </v-card-title>
        </v-card>
      </v-flex>
    </v-layout>
  </v-app>
</div>

    import { format } from 'date-fns'
new Vue({
  el: '#app',
  data () {
    return {    
      todaysDateMin: dateFns.format(new Date(), '[Today is a] dddd')
    }
  }
})
4

2 回答 2

4

Settings -> JavaScript在 CodePen中转到外部资源搜索类型date-fns并从下拉列表中进行选择。

然后调用它你需要 append dateFns.，就像你已经在做的那样。

dateFns.format(new Date(), '[Today is a] dddd')

并删除导入语句

于 2018-07-08T21:14:22.187 回答
2

你这样做import { format } from 'date-fns'你只需要这样做format(new Date(), '[Today is a] dddd')而不是dateFns.format因为就像错误所说的那样， dateFns 没有定义

于 2018-07-08T16:48:20.050 回答