javascript - 如何从jquery timepicker获取时间值?

标签 javascript jquery html timepicker

我试图从我的时间选择器中选择时间中获取值,但到目前为止我没有得到任何返回值,甚至在我的 html 时间选择器输入中也没有显示任何值,

我尝试了一些方法,但还没有成功,

方法一:

$('#datetimepicker4').on('selectTime', function() {
    var time = $('#datetimepicker4').timepicker('getTime');
    alert(time);
    // this will be a Date object that includes the time
});

方法2:

$("#datetimepicker4").on('change paste keyup', function(){
    var time = $(this).val();
    alert(time);
    var getTime = time.split(":"); //split time by colon
    var hours = parseInt(getTime[0])+2; //add two hours
    //set new time
    var newTime = hours+":"+getTime[1];
    //set time picker
    $("#datetimepicker5").timepicker('option',{'minTime': newTime});
});

我正在通过尝试警报进行调试,甚至没有收到警报,所以我的两个功能都不起作用,这意味着,即使没有与我发现的选择时间选择器相关的控制台错误,我希望能够将当前时间的最短时间设置为 3 小时.

最佳答案

我不认为你需要一个 getTime,你只需选择输入框的值即可。

(function($) {
    $(function() {
        $('input.timepicker').timepicker();
        $("#getdate").on('click',function(){
           $("#time").text($("#timepicker").val())
        })
    });

})(jQuery);

如果您想更改时间选择器,请使用以下代码

 $('document').ready(function(){
                $('#time').timepicker();
                $('#time').on('changeTime', function() {
                    var x = $("#time").val();
                    $('#d_time').text(x);
                });
            });

参见工作示例here

已更新fiddle

关于javascript - 如何从jquery timepicker获取时间值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59817744/

相关文章:

javascript - chrome 扩展 - 使用内容脚本减少加载时间的最佳方法

javascript - 使用 PHP 和 JQuery 编辑 HTML 表模板

javascript - 适合库存的 Shopify 数量下拉列表

java - Swing 组件中的 HTML 格式文本不显示

javascript - 引用错误: event is not defined on addEventListener()

javascript - iDangero.us Swiper - 处理大型图像集

jquery - 将焦点设置到 jQuery 中的下一个输入?

javascript - 尝试将事件数据传递给函数

javascript - 如何在数据表的列中创建状态 "active"或 "expired"?

javascript - 将参数传递给并执行存储在数组中的全局函数