Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuetify.js日期选择器-是否提供允许的日期数组?_Javascript_Vue.js_Vuetify.js - Fatal编程技术网

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)
    },
}