在材质设计精简版中创建一个带可编辑数字字段的滑块

有没有办法有一个滑块,旁边有一个可编辑的字段,它的当前值？

我使用MDL而不是聚合物,因为它重量轻,应该与本地运行的软件一起分发.

这是一种方式:

和

$('#slide_01').on('input',function(){
   $("#text_01").get(0).MaterialTextfield.change(this.value);
});
$('#inp_text_01').keyup(function() {
   $("#slide_01").get(0).MaterialSlider.change($('#inp_text_01').val());
});

- 更新代码和小提琴,使其在字段中输入值时更新滑块 -

https://jsfiddle.net/n6xy84ov/

我认为应该有更好的方法,在这里提到我的问题:获取mdl-textfield的值