Quasar Framework 中文社区

对于日期，推荐使用 Quasar 的日期实用程序日期实用程序 (Date Utils) | Quasar Framework (quasarchs.com)

它应该能满足你的一些对日期的操作需求。

如何引入iconfont?

第一步，在 App.vue 中添加一个自定义图标映射。

export default {
  name: 'App',
  created () {
    // Example of adding support for
    // <q-icon name="app:...." />
    // This includes support for all "icon" props
    // of Quasar components

    this.$q.iconMapFn = (iconName) => {
      // iconName is the content of QIcon "name" prop

      // your custom approach, the following
      // is just an example:
      if (iconName.startsWith('iconfont') === true) {
        // we strip the "app:" part

        return {
          cls: 'icon- ' + iconName
        }
      }

      // when we don't return anything from our
      // iconMapFn, the default Quasar icon mapping
      // takes over
    }
  }
}

第二步，找到你喜欢的图标，并将它们加到一个项目中，复制项目中的Font class下的链接。
//at.alicdn.com/t/xxxxx.css

第三步，在index.template.html中用link标签引入该资源。
<link rel="stylesheet" href="https://at.alicdn...">

第四步，在相关组件中使用 iconfont 图标。
<q-icon class="iconfont icon-search" />

注意，使用时一定要加iconfont类名，同时这个icon-search 一定要是你项目中有的图标。每次添加新图标后一定要及时更新Font class下的链接，并重新引入。

关于图标自定义映射：图标 | Quasar Framework (quasarchs.com)