设置hourMin,miniteMin vales动态为jquery ui时间选择器

时间:2012-12-24 08:47:00

标签: jquery jquery-ui-timepicker

如何为jquery ui时间选择器动态设置hourMin,miniteMin值,就像今天的日期一样,我希望允许用户只选择当前时间之上&如果日期大于当前日期,则允许用户选择0-23小时。

我试过这段代码但没有工作

        $('#test1').timepicker({
            hourMin: 0,
            hourMax: 23
        });
        $("#test").datepicker({
            dateFormat: 'dd/mm/yy',
            onSelect:function(selectedDate){
                if(selectedDate == $.datepicker.formatDate('dd/mm/yy', new Date())){
                    $('#test1').timepicker('option','hourMin', new Date().getHours());
                }else{
                    $('#test1').timepicker('option','hourMin', 0);
                }
            }
        });

如果此插件有任何问题,任何人都可以建议最适合我要求的插件。

1 个答案:

答案 0 :(得分:0)

如果这个(http://trentrichardson.com/examples/timepicker/)是你正在使用的插件,那么是的,有一个选项。

http://trentrichardson.com/examples/timepicker/#rest_examples

var nowDate = new Date();
$('#rest_example_3').datetimepicker({
    minDate: new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.​getHours(),nowDate.getMinutes(), nowDate.​​​​​​​getSeconds(), 0)
});

您可以设置minDateTime(或minDate)以达到您的目的。

修改 一个示例解决方案(hack),用于在运行时重置datepicker启动:

<强>使用Javascript:         

        function initDP()
        {
            var nowDate = new Date();
            $('#dpField').datetimepicker({
                minDate: new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours(), nowDate.getMinutes(), 0, 0)
            });
        }

        function resetDP()
        {
            $('#dpField').die();
            $('#dpField').remove();
            $('#parentId').append('<input type="text" id="dpField" />');
            initDP();
        }
        $(document).ready(function()
        {
            initDP();

            $('#resetDate').click(function(){
                resetDP();
            });
        });

    </script>

<强> HTML

<body>
<div id="parentId">
    <input type="text" id="dpField" />
</div>
<button id="resetDate">Reset DP</button>

</body>