Question

这是我的代码。

＆＃13;

Console.WriteLine(string.Join(Environment.NewLine, EmployeeList.Select(x => x.Name + " " + x.Salary)));

＆＃13;

import Datepicker from 'vuejs-datepicker'

if(this.DOB > this.dateOfJoin){
  alert("DOB should not be greater than Date of Join.asd.!")
  this.$refs.dob.focus();
}

＆＃13;

我正在使用<div class="form-group"> <label class="col-sm-3 control-label">Date of Birth</label> <datepicker v-model="DOB" name="DOB" ref="dob" class="required"></datepicker> </div>组件，但我无法将注意力集中在日期选择器上。

Answer 1

阅读完文档后，我建议采用不同的方法。 The datepicker has a disabled property。这允许您指定日期不能大于的def freq_set1(df): l = [] s = {} for i in df.columns: for j in df[i].unique(): temp = 0 for k in df[i]: if j==k: temp += 1 if temp > min_support: l.append(j) s[j] = temp return(l,s) a = freq_set1(df)属性以及日期不能早于的from属性。因此，如果您不希望用户选择的出生日期大于他们加入的日期，请将to属性设置为已加入的日期。

在数据属性中

from

在日期选择器上，

data:{
    dobDisabled:{ from: <date joined> }
}

这将阻止用户选择无效日期。

这是example。

<强>原始

它看起来像你正在使用的renders a readonly input element的日期选择器，我希望它无法获得焦点。在任何情况下，包装输入的组件都不支持<datepicker :disabled="dobDisabled"></datepicker>方法。

focus

相反，您可以尝试显示日历。

  <input
    :type="inline ? 'hidden' : 'text'"
    :class="[ inputClass, { 'form-control' : bootstrapStyling } ]"
    :name="name"
    :id="id"
    @click="showCalendar"
    :value="formattedValue"
    :placeholder="placeholder"
    :clear-button="clearButton"
    :disabled="disabledPicker"
    :required="required"
    readonly>

在VueJS中为组件设置焦点

1 个答案: