以毫秒为单位的日期时间选择器

Posted 2023-05-09

【中文标题】以毫秒为单位的日期时间选择器

【英文标题】：Date time picker with milliseconds

【发布时间】：2017-05-10 17:27:03

【问题描述】：

有什么方法可以让我在 bootstrap 中获得毫秒数。我正在使用 DB2 时间戳来插入日期时间。因此，在执行搜索时，我还需要允许用户以毫秒为单位选择日期和时间。我尝试使用链接 (http://trentrichardson.com/examples/timepicker/) 但我无法获得滑块。任何人都可以帮助我如何订购所需的 js 和 css 文件。或者无论如何我可以获得格式为例如2016-12-11 02：22：22.444444（6位）的日期时间选择器。这是我包含文件的顺序。

<script src="/lib/jquery-1.12.4.min.js"></script>
<script src="/lib/jquery-ui-1.12.1.custom/jquery-ui.min.js"</script>
<script src="/lib/jquery-ui-sliderAccess.js"></script>
<script src="/lib/jquery-timepicker-1.3.5/jquery.timepicker.min.js">/script>
<script src="/lib/jquery-ui-timepicker-addon.js"></script>
<script src="/lib/jquery.dataTables.min.js"></script>
<script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="/lib/angular-1.5.8/angular.min.js"></script>
<script src="/lib/angular-datatables.min.js"></script>
<script src="/lib/angular-1.5.8/angular-route.min.js"></script>
<script src="/lib/bootstrap-datepicker-master/bootstrap-datepicker-master/dist/js/bootstrap-datepicker.min.js"></script>
<script src="/jsfiles/scriptfile1.js"></script>

<link rel="stylesheet" type="text/css" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/lib/jquery-ui-1.12.1.custom/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="/lib/jquery-timepicker-1.3.5/jquery.timepicker.min.css">
  <link rel="stylesheet" type="text/css" href="/lib/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" href="/lib/datatables.bootstrap.min.css">
<link rel="stylesheet" href="/lib/angular-datatables.min.css">
<link rel="stylesheet" href="/lib/bootstrap-datepicker-master/bootstrap-datepicker-master/dist/css/bootstrap-datepicker3.css">
<link rel="stylesheet" type="text/css" href="/lib/font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="/controllers/controller.js"></script>

【问题讨论】：

你需要调出时间选择器或者需要在html中订购lib文件，你能说清楚你需要什么

有了这个命令，我可以调出日期选择器，但时间选择器没有出现。检查订单可能会有所帮助。

我不认为通过订购你的 lib 文件会给你带来 timepicker，你添加了这个 $('#basic_example_4').timepicker( $.timepicker.regional['es'] ) ;到你的脚本文件

如果您使用您的代码创建一个 plunker 链接会更好

(jsfiddle.net/sNa8d/#&togetherjs=rthkBA3NFG ) 这是我遇到的另一个链接。这与我想要的相似。但是，如果我按照上面提到的顺序包含文件，我将看不到时间选择器。

【参考方案1】：

你可以试试这个

查看工作演示HERE

JS：

$('#basic_example_3').datetimepicker(
    timeFormat: "hh:mm:ss:l tt"
);

它会给你这个

根据您的要求，您需要 6 位毫秒。但在后台 javascript getMilliseconds() 方法返回指定日期和时间的毫秒数（从 0 到 999）。

即使你强制将 getMilliseconds() 设置为 6 位数，它也没有用，因为它返回 000999，因为 1000 毫秒 = 1 秒。

您可以通过设置毫秒数示例here自己尝试

【讨论】：

注意：由于主机库的网络问题，演示停止工作。 Now issue is fixed. Demo is working Now