使用 VUE vue-datepicker-local日期控件

1. 安装依赖;$npminstallvue-datepicker-local2. html代码：<template><vue-datepicker-localv-model="time"/></template><script>importVueDatepickerLocalfrom'vue-da...

LZHH_2008

3361人浏览 · 2019-06-25 16:29:25

LZHH_2008 · 2019-06-25 16:29:25 发布

1. 安装依赖;

$ npm install vue-datepicker-local

2. html代码：

<template>
  <vue-datepicker-local v-model="time" />
</template>

<script>
import VueDatepickerLocal from 'vue-datepicker-local'

export default {
  components: {
    VueDatepickerLocal
  },
  data () {
    return {
      time: new Date()
    }
  }
}
</script>

3.效果：

Vue2一个漂亮的日期选择组件：

仅依赖于Vue
轻量级（小于4kb的压缩包）
美观

转： https://www.oschina.net/p/vue-datepicker-local

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^