如何在CodePen中使用DateFNS？ （未定义 dateFns）

Question

我需要在 CodePen 中使用 DateFNS，但无法使用它。 错误：

"[Vue warn]: Error in data(): 'ReferenceError: dateFns is not defined' (found in < 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')
    }
  }
})

Answer 1

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

Answer 2

在 CodePen 中转到 Settings -> JavaScript 并在 外部资源搜索 中从下拉列表中键入 date-fns 和 select。

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

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

并删除导入语句