我想用AngularJS滑塊滑過某些日期/時間點。更具體地說,我使用可拖動範圍的那個,這裏演示的演示 - https://jsfiddle.net/ValentinH/954eve2L/AngularJS滑塊 - 使用超時更新標籤?
這些值來自後端,它們在特定的時間間隔被拉出。我將日期時間值存儲在數組中 - dateTimeArray。 我假設在UI上的滑塊上的標籤(日期/時間點)應該自動更新,當日期/時間值在控制器內的dateTimeArray中更新時,但它們不是。任何幫助表示讚賞。
HTML
<rzslider
rz-slider-model="slider.minValue"
rz-slider-high="slider.maxValue"
rz-slider-options="slider.options">
</rzslider>
JS
$scope.slider = {
minValue: dateTimeArray.length - 10,
maxValue: dateTimeArray.length - 5,
options: {
floor: 0,
ceil: dateTimeArray.length - 1,
draggableRange: true,
translate: function (value) {
return (dateTimeArray[value]);
}
}
};