मैं Primefaces 3.5 के साथ JSF webapp है और मैं एक सीमा स्लाइडर लेकिन समय मान (घंटे: मिनट) के साथ करना चाहते हैं को महत्व देता है .. इस तस्वीरJSF - "समय" के साथ सीमा स्लाइडर
slider http://img547.imageshack.us/img547/3112/timeslider.jpg
में के रूप मेंइस पूर्णांक मूल्यों के साथ एक सीमा स्लाइडर के लिए कोड है: jQuery स्लाइड समारोह को फिर से परिभाषित करने के लिए किया जाता है
<h:panelGrid columns="1" style="margin-bottom:10px">
<h:outputText id="displayRange" value="Between #{sliderBean.number6} and #{sliderBean.number7}"/>
<p:slider for="txt6,txt7" display="displayRange" style="width:400px" range="true"
displayTemplate="Between {min} and {max}"/>
</h:panelGrid>
<h:inputHidden id="txt6" value="#{sliderBean.number6}" />
<h:inputHidden id="txt7" value="#{sliderBean.number7}" />
जहां sliderBean.number6 और sliderBean.number7 पूर्णांक हैं .. मैं लगता है कि मैं क्या चाहता हूं कि रेंज वैल्यू प्रदर्शित करें es और "मिनट" के बदले "घंटे" के साथ काम ..
$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 1440,
step: 15,
slide: function(e, ui) {
var hours = Math.floor(ui.value/60);
var minutes = ui.value - (hours * 60);
if(hours.length == 1) hours = '0' + hours;
if(minutes.length == 1) minutes = '0' + minutes;
$('#displayRange').html(hours+':'+minutes);
}
});
});
लेकिन .. ईमानदारी से .. मैं कैसे करना है पता नहीं है .. (और अगर यह सही तरीका है ..) धन्यवाद !