Question

我在项目中使用jQDateRangeSlider来让用户选择航班日期。这是一个例子：jsfiddle.net。
如果我使用多个滑块而没有任何效果，它可以完美运行。但是当我试图为这些元素启用fadeIn / fadeOut时，它的工作原理是错误的。我已经复制了这个问题here。
HTML：

<button id="text">Show second slider</button>
<div id="first">
    <div id="slider1"></div>
</div>
<div id="second"  style="display:none;">
    <div id="slider2"></div>
</div>

JS：

var el = document.getElementById("text");
el.onclick = function(){$('#first').fadeOut('slow', function(){$('#second').fadeIn('slow');});};
$("#slider1").dateRangeSlider({   
bounds: {
    min: new Date(2012, 0, 1),
    max: new Date(2012, 11, 31, 12, 59, 59)
},
defaultValues: {
    min: new Date(2012, 1, 10),
    max: new Date(2012, 4, 22)
}
});
$("#slider2").dateRangeSlider({   
bounds: {
    min: new Date(2012, 0, 1),
    max: new Date(2012, 11, 31, 12, 59, 59)
},
defaultValues: {
    min: new Date(2012, 1, 10),
    max: new Date(2012, 4, 22)
}
});

第二个滑块不希望以标尺的正确格式显示。有什么想法吗？

多个日期滑块的FadeIn / FadeOut效果

0 个答案: