Html 同一css类上的日期选择器

我的主页有问题。可以使用以下数据创建事件： -开始 -结束 -描述

我将引导数据采集器与以下代码一起使用：

$('.form-control').datepicker({
      maxViewMode: 0,
      keyboardNavigation: false,
      forceParse: false,
      daysOfWeekDisabled: "0,6",
      daysOfWeekHighlighted: "0,6",
      todayHighlight: true,
      format: 'yyyy-mm-dd'
    });

这是我的html：

<!-- EndTime-->
  <div class="form-group">
    <label class="col-md-4 control-label">End</label>  
    <div class="col-md-4 inputGroupContainer">
    <div class="input-group">
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    <input id="end" name="end" placeholder="Fill out!" class="form-control"  type="text">
      </div>
    </div>
  </div>

  <!-- Description -->
  <div class="form-group">
    <label class="col-md-4 control-label">Description</label>  
    <div class="col-md-4 inputGroupContainer">
    <div class="input-group">
    <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
    <input id="description" name="description" class="form-control"  type="text">
      </div>
    </div>
  </div>

终点
描述

当然，日期选择器也会出现在描述字段中。我希望避免这种情况，但我希望保留“表单控件”类。

请尝试此

    $('.form-control[name="end"]').datepicker({
    maxViewMode: 0,
    keyboardNavigation: false,
    forceParse: false,
    daysOfWeekDisabled: "0,6",
    daysOfWeekHighlighted: "0,6",
    todayHighlight: true,
    format: 'yyyy-mm-dd'
    });

请试试这个

    $('.form-control[name="end"]').datepicker({
    maxViewMode: 0,
    keyboardNavigation: false,
    forceParse: false,
    daysOfWeekDisabled: "0,6",
    daysOfWeekHighlighted: "0,6",
    todayHighlight: true,
    format: 'yyyy-mm-dd'
    });

为什么不为

datepicker

创建一个公共类，并像使用

表单控件那样创建它的实例：
$（'.hasDatepicker'）.datepicker（）
然后使用
hasDatepicker
无论您想在哪里创建
datepicker
。为什么不为
datepicker
创建一个公共类，并像使用
表单控件那样创建其实例：
$（'.hasDatepicker'）。datepicker（）
然后使用
hasDatepicker
创建
datepicker
。