vue.js遍历单个对象_Vue.js的单个日期选择器

最新推荐文章于 2023-09-06 14:19:34 发布

cuk5239

最新推荐文章于 2023-09-06 14:19:34 发布

阅读量921

点赞数

文章标签： json vue npm github js ViewUI

原文链接：https://vuejsexamples.com/a-single-date-picker-with-vue-js/

版权

vue.js遍历单个对象

A single date picker with Vue.js.

Vue.js的单个日期选择器。

Plugin is currently only available via Github packages

当前只能通过Github软件包使用插件

Refer to guide here on how to authenticate to install github packages

请参阅此处的指南以了解如何进行身份验证以安装github软件包

Add the following line to your package.json,

package.json下行添加到package.json ，

dependencies {
  "@jiayingy/vue-single-date-picker": "0.4.3"
}

Run npm install

运行npm install

Import package

进口包装

import SingleDatePicker from '@jiayingy/vue-single-date-picker';

export default {
  components: {
    SingleDatePicker
  }
}

Create component in your template

在模板中创建组件

<SingleDatePicker />

This library uses Google Material Icon pack. Refer to here on how to include it in your project.

该库使用Google Material Icon包。有关如何将其包含在项目中的信息，请参见此处。
In your css/scss file,

在您的css / scss文件中，

@import '[email protected]/vue-single-date-picker/dist/vue-single-date-picker.css';

events	arguments	remarks
@selectDate	`{ year: <Number>, month: <Number>, date: <Number> }`	E.g. 1 Jan 2020 {year: 2020, month: 0, date: 1}

大事记	论点	备注
@selectDate	`{ year: <Number>, month: <Number>, date: <Number> }`	例如2020年1月1日 {年：2020，月：0，日期：1}

翻译自: https://vuejsexamples.com/a-single-date-picker-with-vue-js/

vue.js遍历单个对象

关注