Php jQuery滑块时间问题

我想制作一个滑块来选择时间（从1:00到4:00），但它不起作用。它不与“选择”通信。有人能帮我吗

 <script> 
    $(function() {
        var select = $( "#czastrwania" );
        var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: 60,
        max: 240,
        step: 30,
        range: "min",
value: select[ 0 ].selectedIndex + 1,
            slide: function( e, ui ) {
              var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);

            if(hours.length == 1) hours = '0' + hours;
            if(minutes.length == 1) minutes = '0' + minutes;
            select[ 0 ].selectedIndex = ui.value - 1;
            }
        });
        $( "#czastrwania" ).change(function() {
            slider.slider( "value", this.selectedIndex + 1 );
        });
    });
    </script>
<select id="czastrwania" name="czastrwania">
 <option value="1:00">1:00</option>
    <option value="1:30">1:30</option>
    <option value="2:00">2:00</option>
    <option value="2:30">2:30</option>
    <option value="3:00">3:00</option>
    <option value="3:30">3:30</option>
    <option value="4:00">4:00</option>  
    </select>

$（函数（）{
var select=$（“#czastrwania”）；
变量滑块=$（“”）.insertAfter（选择）.slider({
最低:60,，
最高：240，
步骤：30，
射程：“分钟”，
值：选择[0]。选择索引+1，
幻灯片：功能（e、ui）{
var小时=数学下限（ui.value/60）；
var分钟=ui.value-（小时*60）；
如果（hours.length==1）hours='0'+小时；
如果（minutes.length==1）分钟='0'+分钟；
选择[0]。selectedIndex=ui.value-1；
}
});
$（“#czastrwania”）.change（函数（）{
slider.slider（“value”，this.selectedIndex+1）；
});
});
1:00
1:30
2:00
2:30
3:00
3:30
4:00  

使用jQuery，您只需说

select.val('4:30')

不需要这样做：

select[ 0 ].selectedIndex =  ui.value - 1;

---

现在它的工作效率为50%。如果我在“滑块”上更改，它在“选择”上更改，但在“选择”上更改值时它不起作用

<script> 
    $(function() {
        var select = $( "#czastrwania" );
        var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: 60,
        max: 240,
        step: 30,
        range: "min",
value: select[ 0 ].selectedIndex + 1,
            slide: function( e, ui ) {
            var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);

            if(minutes == 0) minutes = '00';
            select[ 0 ].value = hours+':'+minutes;
            }
        });
        $( "#czastrwania" ).change(function() {
            slider.slider( "value", select[ 0 ].value );
        });
    });
    </script> 

$（函数（）{
var select=$（“#czastrwania”）；
变量滑块=$（“”）.insertAfter（选择）.slider({
最低:60,，
最高：240，
步骤：30，
射程：“分钟”，
值：选择[0]。选择索引+1，
幻灯片：功能（e、ui）{
var小时=数学下限（ui.value/60）；
var分钟=ui.value-（小时*60）；
如果（分钟==0）分钟='00'；
选择[0]。值=小时+'：'+分钟；
}
});
$（“#czastrwania”）.change（函数（）{
slider.slider（“value”，选择[0].value）；
});
});

已解决

<script> 
    $(function() {
        var select = $( "#czastrwania" );
        var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: 60,
        max: 240,
        step: 30,
        range: "min",
value: select[ 0 ].selectedIndex + 1,
            slide: function( e, ui ) {
            var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);

            if(minutes == 0) minutes = '00';
            select[ 0 ].value = hours+':'+minutes;
            }
        });
        $( "#czastrwania" ).change(function() {
            slider.slider( "value", 60 * select[ 0 ].value.replace(':','.') );
        });
    });
    </script>

$（函数（）{
var select=$（“#czastrwania”）；
变量滑块=$（“”）.insertAfter（选择）.slider({
最低:60,，
最高：240，
步骤：30，
射程：“分钟”，
值：选择[0]。选择索引+1，
幻灯片：功能（e、ui）{
var小时=数学下限（ui.value/60）；
var分钟=ui.value-（小时*60）；
如果（分钟==0）分钟='00'；
选择[0]。值=小时+'：'+分钟；
}
});
$（“#czastrwania”）.change（函数（）{
slider.slider（“value”，60*选择[0]。value.replace（'：'，'）；
});
});