使用kendo-ui输入的引导程序列的定义不正确

Question

我有一段代码

    <div class="form-row mt-3">
        <div class="col-md-6">
            <label for="beginDate">Start Date</label>
            <input class="form-control" id="beginDate">
        </div>
        <div class="col-md-6">
            <label for="endDate">End Date</label>
            <input class="form-control" id="endDate">
        </div>
    </div>

接下来，我为此输入定义剑道日期选择器

$(function () {
    $("#beginDate").kendoDatePicker();
    $("#endDate").kendoDatePicker();
});

结果是：

我认为col-6现在无法正常工作。如何解决此问题或做错了什么？

Answer 1

希望我已经理解了这个问题，但是您希望日期选择器的宽度为100％，而不是预定义的宽度。

假设情况就是这样，我已经为您准备了道场，向您展示了如何执行此操作。 https://dojo.telerik.com/osENoFAF

（在此示例中，我假设您正在使用引导程序4。）

我所做的只是为k-datepicker kendo css类添加了一个新的/更新的类，以将宽度设置为100％。

   <style>
    .k-datepicker{
    width:100%;
    }
  </style>