Vue.js 2 日期选择器推荐?

标签 vue.js

<分区>

我正在寻找有关 Vue.js 2.0 日期选择器组件的建议。我的要求很简单。

  1. 应该可以选择一个范围 - 开始日期、结束日期。
  2. 应该有样式。
  3. 应该能够在选择日期时触发方法。

我一直在使用 https://github.com/charliekassel/vuejs-datepicker到目前为止,这很好,但没有范围选项(除非我错过了)。这个看起来很有前途 - https://github.com/mengxiong10/vue2-datepicker - 但我没有立即看到如何在选择日期时触发方法。

最佳答案

有一个组件族叫做Element , 这里是 DatePicker .如果需要,您可以仅导入 DatePicker(检查“按需”部分 here)。

它支持范围选择(type="daterange")。

至少还有两种方法可以捕获选择事件。它有一个 change 事件,还可以通过 picker-options 属性传递一个 onPick 回调。

我不确定自定义样式,因为我看到有一种方法可以使用 popper-class 属性为下拉列表提供自定义类,但我不确定它是如何工作的。

关于Vue.js 2 日期选择器推荐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46951006/

相关文章:

javascript - SignInWithEmailAndPassword (Ionic/Vue/Firebase) 无法解决 iOS 中的 promise

ajax - 发送许多ajax请求时处理axios拦截器

javascript - 在vue中使用checkbox作为数据绑定(bind)

javascript - 循环 Vue 组件数组

vue.js - 如何在不实例化根实例的情况下使用 vue 组件?

javascript - 如何在 vue js html 中添加多个图像以及其他输入字段?

javascript - Axios请求内部调用函数(then)[Vuejs]

css - 位置为 : absolute 的 Vue 组件

vue.js - 在 Vue 应用程序中导入全局 scss 样式以及单独的 mixin 和变量 scss 文件

javascript - 在 mysql 连接查询的结果上过滤 v-for