如何从 jquery 时间选择器中获取时间值。?
How to get time value from jquery timepicker.?
我试图从我的时间选择器中的 select 时间获取值,但到目前为止我没有在 return 中获取任何值,甚至在我的 html 时间选择器输入中也没有显示里面的任何值,
我尝试了一些方法,但还没有成功,
方法一:
$('#datetimepicker4').on('selectTime', function() {
var time = $('#datetimepicker4').timepicker('getTime');
alert(time);
// this will be a Date object that includes the time
});
方法二:
$("#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});
});
我正在通过 try alert 进行调试,即使没有收到警报,所以我的两个功能都不起作用这意味着,即使没有与我发现的 selection 的时间选择器相关的控制台错误,我也希望能够设置当前时间最短 3 小时。
我不认为你需要一个 getTime 你可以简单地 select 输入框值。
(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
我试图从我的时间选择器中的 select 时间获取值,但到目前为止我没有在 return 中获取任何值,甚至在我的 html 时间选择器输入中也没有显示里面的任何值,
我尝试了一些方法,但还没有成功,
方法一:
$('#datetimepicker4').on('selectTime', function() {
var time = $('#datetimepicker4').timepicker('getTime');
alert(time);
// this will be a Date object that includes the time
});
方法二:
$("#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});
});
我正在通过 try alert 进行调试,即使没有收到警报,所以我的两个功能都不起作用这意味着,即使没有与我发现的 selection 的时间选择器相关的控制台错误,我也希望能够设置当前时间最短 3 小时。
我不认为你需要一个 getTime 你可以简单地 select 输入框值。
(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