2017-10-06 15 views

答えて

1

使用angularStrapsee details here

使用例は、例えば以下

<form name="datepickerForm" class="form-inline" role="form"> 
    <!-- Basic example --> 
    <div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}"> 
    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label> 
    <input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker> 
    </div> 
    <!-- Custom example --> 
    <div class="form-group" ng-class="{'has-error': datepickerForm.date2.$invalid}"> 
    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as number)</small></label> 
    <input type="text" class="form-control" ng-model="selectedDateAsNumber" data-date-format="yyyy-MM-dd" data-date-type="number" data-min-date="02/10/86" data-max-date="today" data-autoclose="1" name="date2" bs-datepicker> 
    </div> 
    <hr> 
    <!-- Date range example --> 
    <div class="form-group"> 
    <label class="control-label"><i class="fa fa-calendar"></i> <i class="fa fa-arrows-h"></i> <i class="fa fa-calendar"></i> Date range <small>(dynamic)</small></label><br> 
    <div class="form-group col-xs-6"> 
     <input type="text" class="form-control" ng-model="fromDate" data-max-date="{{untilDate}}" placeholder="From" bs-datepicker> 
    </div> 
    <div class="form-group col-xs-6"> 
     <input type="text" class="form-control" ng-model="untilDate" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> 
    </div> 
    </div> 
</form> 
+0

おかげと同様であるが、これはソリューションが期待されていない、私の質問はより簡単です、私はどのように私のプランナーをポップアップソリューションに変更することができますか?ありがとう – SteVizzo

+0

よくこれはより良い解決策です@SteVizzo –

+0

私の意見では、解決策はdatepicker-popup属性などを追加するようなものになる可能性があります... – SteVizzo