Question

如何为jquery ui时间选择器动态设置hourMin，miniteMin值，就像今天的日期一样，我希望允许用户只选择当前时间之上＆amp;如果日期大于当前日期，则允许用户选择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);
                }
            }
        });

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

Answer 1

如果这个（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>

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

1 个答案: