角度jsのスライダに基づいてdatetimepicker日付を設定する方法

Question

私のアプリケーションでは、日付範囲スライダに基づいてdatetimepickerの日付を設定する必要があります。

私はスライダから日付を取得していますが、datetimepickerに設定すると設定されません。日付を表示するテキストフィールドは空のままです。

スライダの移動中に、日付をdatetimepicker ng-modelの値に設定しました。

スライダーの移動が終わった後、datetimepickerのテキストフィールドに日付が表示されないが、テキストフィールドをクリックすると奇妙なものが見つかった。

<datetimepicker 
     ng-click="setStartDateSlider($index)" 
     hour-step="hourStep" 
     minute-step="minuteStep" 
     ng-model="startFrom[$index]" 
     show-meridian="showMeridian" 
     date-popup="{{format}}" 
     date-options="dateOptions" 
     date-disabled="disabled(date, mode)" 
     datepicker-append-to-body="false" 
     readonly-date="false" 
     disabled-date="false" 
     hidden-time="true" 
     hidden-date="false" 
     name="datetimepicker" 
     show-spinners="true" 
     readonly-time="false" 
     date-opened="dateOpened" 
     show-button-bar="false" 
     placeholder="Start From" > 

<!-- Use date-ng-click="open($event, opened)" to override date ng-click --> 

</datetimepicker> 

Answer 1

それはjQueryのか、ブートストラッププラグインの場合、あなたは間違いなく、手動$digestを実行する必要があります。

は、ここに私のDateTimePickerです。スライダ変更イベント。テキストボックスをクリックすると、$ digestがトリガーされます。

だけ追加します。

scope.$apply(); 

を右onChangeイベントの後に。