jquery - Bootstrap 时间选择器 - 如何在我们点击选择器时获取自定义时间？

Question

我已经使用了 Bootstrap “Date-time-picker”并仅针对时间选择对其进行了自定义，但我需要将“自定义时间”作为输入，而不是“默认时间”。 (例如:我需要在点击时获取时间“8.00”。目前显示的是默认系统时间)提前致谢。查看我的代码:

$(function () { 
$('#datetimepicker1').datetimepicker({
format: 'LT',
});
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">



<div class="container"> 
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" name="from1" placeholder="Morning">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://momentjs.com/downloads/moment-with-locales.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"> </script>
  

Answer 1

引用此链接:- https://jdewit.github.io/bootstrap-timepicker/

使用下面的 html 代码..

<div class="container"> 
    <div class="input-group date" id="datetimepicker1">
    <input type="text" class="form-control" name="from1" placeholder="Morning" id="txttime" value="" onclick="timeset();">
    <span class="input-group-addon">
    <span class="glyphicon glyphicon-time"></span>
    </span>
    </div>
    </div>

在Js中写关于点击功能的部分

function timeset()
{


     var time = new Date();
time = time.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true });
alert(time);
   $("#txttime").val(time);
}