同じcssクラスの日付ピッカー

Question

私のホームページに問題があります。イベントには、以下の件のデータを使用して作成することができます。 - を開始 - を終了 - 説明

私はこのコードでブートストラップ日付ピッカーを使用します。

$('.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> 

もちろん、日付ピッカーも説明フィールドに表示されます。私はそれを避けたいですが、私は "フォームコントロール"クラスを保持したいと思います。

Answer 1

これを試してみてください。..

 


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

 

https://jsfiddle.net/geogeorge/jk5udey2/2/