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;"/>

此处 fiddle

用于重置滑块值

.slider("refresh");

这里是链接Slider

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

2 个答案: