Javascript Vuetify.js日期选择器-是否提供允许的日期数组?
我一直在研究这个问题,并试图找出如何格式化语法,为元素提供一个日期数组来选择日期Javascript Vuetify.js日期选择器-是否提供允许的日期数组?,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我一直在研究这个问题,并试图找出如何格式化语法,为元素提供一个日期数组来选择日期 方法:{ allowedates:val=>parseInt(val.split('-')[2],10)%2==0 }提供给该函数的val参数是格式为YYYY-MM-DD的日期,这就是为什么他们使用该函数按连字符(-)拆分,然后在该数组中占据第三位,只得到偶数 您应该能够使用为该函数调用提供的val参数返回一个布尔值,该值表示您是否希望该日期可供选择。您首先必须声明日期数组: var el = ["2018-03
方法:{
allowedates:val=>parseInt(val.split('-')[2],10)%2==0
}
提供给该函数的val
参数是格式为YYYY-MM-DD
的日期,这就是为什么他们使用该函数按连字符(-
)拆分,然后在该数组中占据第三位,只得到偶数
您应该能够使用为该函数调用提供的
val
参数返回一个布尔值,该值表示您是否希望该日期可供选择。您首先必须声明日期数组:
var el = ["2018-03-03", "2018-03-05"]
然后检查日期是否在数组中:
allowedDates: val => el.indexOf(val) !== -1
这里的示例:并对处于状态的数组进行过滤:(使用v1.5,我还没有在新版本上进行测试) 日期选择器:
<v-date-picker
scrollable
:allowed-dates="getAllowedDates"
></v-date-picker>
那样的话,它对我来说就完美了
arrayDates:[]
方法:{
异类婚礼(val){
for(var i=0;i
如果要禁用过去的日期,可以执行以下操作
---------在模板区域中------------
您是否尝试过将
allowedates
属性绑定/设置为数组而不是函数?从文档上看,这似乎是可行的。@PatrickSteele Afaics文档说允许的日期
-类型:函数
,因此传递数组应该不起作用。@Traxo我正在查看问题中链接的文档页面:“您可以使用数组、对象和函数指定允许的日期。”。也许这意味着您可以编写一个函数来检查数组…:)@帕特里克·斯蒂尔:哦,你说得对。这是一种误导。API有正确的信息。这是完美的。谢谢,我知道它比我想象的要简单,虽然我不知道我是否忽略了它,但我不知道数组必须是YYYY-MM-DD,使用/作为分隔符,并且它没有按预期工作。尽管文档有误导性,因为它说:“可以使用数组、对象和函数指定允许的日期。”但是你只能指定使用一个函数,如果你传递一个数组或一个对象,它会给出一个错误。谢谢你的解释,在这和John的答案之间,它现在变得更有意义了。
<v-date-picker
scrollable
:allowed-dates="getAllowedDates"
></v-date-picker>
<v-date-picker
v-model="date"
:allowed-dates="disablePastDates"
></v-date-picker>
methods: {
disablePastDates(val) {
return val >= new Date().toISOString().substr(0, 10)
},
}