如何使滑块前面的文本字段不可编辑？

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移动显示滑块的前面？

第二，如何在点击按钮时重置滑块的值？

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

我使用(+)按钮打开弹出屏幕，我需要在日期字段中设置当前日期吗？

Answer 1

对于隐藏滑块文本框，您可以通过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"); 

这里是链接Slider

Answer 2

添加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('');
});

检查此