Question

早上好，这是我在stackoverflow中的第一个问题，所以请怜悯;）

看来，对于我的一些用户来说，使用clockpicker并不明确。他们打开对话框，选择一小时并提交表格而不在时间选择器中挑选一分钟！如果他们这样做，则该时间的输入为空（或者用最后使用的值填充）。如何从时钟选择器中获取所选小时并将其放入我的输入中？

我发现有一个afterHourSelect()所以我认为这就是我需要的。我想我的问题很简单。

$('#tTimeFrom".$x."').clockpicker({
    autoclose: true,
    afterHourSelect: function() {
        $('#tTimeFrom".$x."').val( ??? );
    }
});

我需要写什么而不是???才能从时间选择器中获取实际选定的小时数？

Answer 1

听起来用户希望在选择小时后完成，您可以在afterHourSelect回调中获取小时值，并在选择分钟之前将输入值设置为X：00。这样，如果他们退出时钟选择器对话框，您将获得他们的输入。

var end = $('#end').clockpicker({
    afterHourSelect: function() {
        var c = end.data();
        $('#end').val(c.clockpicker.hours + ':00');
    }
});

Answer 2

哦我以前误解了这个问题。

似乎并不是一种内置的方式来做你需要的东西，但也许你可以通过保持时钟选择器打开来指导你的用户，直到做出选择。您也可以将按钮设为不同的颜色。

类似的东西：

beforeHide: function() {
    if ($('#tTimeFrom".$x."').val == "") {
        $('#tTimeFrom".$x."').show();
        $('.clockpicker-button').addClass("brightRed");
    }
}

jQuery Clockpicker afterHourSelect

2 个答案: