我需要使用DateFNS在 CodePen 中,但无法使其工作。 错误:
"[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')
}
}
})
最佳答案
在 CodePen 中,转到设置 -> JavaScript
,然后在外部资源搜索中输入 date-fns
并从下拉列表中进行选择。
然后要调用它,您需要附加 dateFns.
,就像您已经在做的那样。
dateFns.format(new Date(), '[Today is a] dddd')
并删除导入语句
关于javascript - 如何在CodePen中使用DateFNS? (dateFns 未定义),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51234111/