jquery-mobile - 如何制作滑块前面的不可编辑文本字段。？

Question

<div data-role="fieldcontain">
  <label for="slider-2">Input slider:</label>
  <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" />
</div>

嗨，是否可以使用 jquery mobile 使显示在滑块前面的不可编辑（用户无法更改文本字段）？

其次如何重置单击按钮上滑块的值..？

我还有一个问题 如何使用 datebox 在文本字段（在 openng 弹出屏幕上）设置当前日期？ http://jsfiddle.net/ravi1989/uhdYv/

我使用（+）按钮打开弹出屏幕我需要在日期字段上设置当前日期？

Answer 1

添加disabled属性将使其不可编辑。

<div data-role="fieldcontain">
  <label for="slider-2">Input slider:</label>
  <input type="range" name="slider-2" id="slider-2" value="25" min="0"  max="100" disabled />
</div>

检查这个JSFiddle

我试过.slider("refresh")了，但它不工作。所以做了一个小工作，比如

$('button').on('click', function(){
$('input').val('');
});

检查这个JSFiddle

Answer 2

对于隐藏滑块文本框，您可以通过 CSS 来完成

<style type=text/css>
input.ui-slider-input {
    display : none !important;
}
</style>

或者如果你想保持可见但不可编辑然后试试这个

<input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" onkeypress="return false;"/>

这里小提琴

用于重置滑块值

.slider("refresh"); 

这是链接滑块