Vue 3的精简版日期选择器组件 - vue3-datepicker-lite

Vue 3的精简版日期选择器组件 - vue3-datepicker-lite
插件名称 vue3-datepicker-lite
版本号 v1.9.1
发布时间 2020年10月24日
插件作者 linmasahiro

适用于Vue 3应用程序的简单紧凑的日期选择器组件。

如何使用它:

1.导入DatepickerLite组件。

import { defineComponent } from "vue";
import DatepickerLite from "vue3-datepicker-lite";

2.将datepicker-lite组件添加到模板。

<datepicker-lite />

3.注册组件并完成。

export default defineComponent({
  name: "App",
  components: {
    DatepickerLite,
  }
});

4.可能的道具。

idAttr: {
  type: String,
},
nameAttr: {
  type: String,
},
classAttr: {
  type: String,
},
valueAttr: {
  type: String,
  default: "",
},
locale: {
  type: Object,
  default: () => {
    return {
      weekday: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
      todayBtn: "Today",
      clearBtn: "Clear",
      closeBtn: "Close",
    }
  },
},

5.每次更改日期都会触发一个事件。

changeEvent: (value) => {
  console.log(value + " selected!");
}

变更日志:

v1.9.1 (06/15/2021)

  • 在输入字段中添加了自动完成斜线

v1.9.0 (06/09/2021)

  • 添加了显示底部按钮选项和年份范围选项

v1.8.9 (04/12/2021)

  • 由 TypeScript 重写
  • 在语言环境选项上添加了月份选项

v1.8.8 (04/01/2021)

  • 添加按钮类型选项

v1.8.7(03/17/2021)

  • 添加了禁用浏览器输入自动完成功能的选项

v1.8.6(02/17/2021)

  • 修复了窗口高度错误

v1.8.5(01/17/2021)

  • 修复了语言环境属性错误

v1.8.4(01/14/2021)

  • 支持的开始周选项

v1.8.3(01/10/2021)

  • 修复disabledDate不适用于其他日期格式。

v1.8.2(01/01/2021)

  • 修正错误

v1.8.1(12/15/2020)

  • 添加占位符

v1.8.0(12/10/2020)

  • 支持的 value-attr 响应

v1.7.0(2020年11月23日)

  • 添加支持以禁用输入

v1.6.0(11/21/2020)

  • 添加了支持的日期格式

v1.5.0(2020年10月27日)

  • 添加了禁用日期功能

v1.4.0(2020年10月26日)

  • 修复了今天的按钮错误(如果有范围)