Twitter 引导时间选择器问题答案

【问题标题】：Twitter Bootstrap Timepicker IssueTwitter 引导时间选择器问题
【发布时间】：2013-02-08 04:03:01
【问题描述】：

我正在尝试让 Twitter Bootstrap 时间选择器工作。我的代码如下：

$('.timepicker').timepicker({
    // defaultTime: 'current',
    defaultTime: $(this).val(),
    minuteStep: 1,
    disableFocus: true,
    template: 'dropdown'
});

默认时间从数据库中正确显示，但是当我单击该字段以尝试更改时间时，时间选择器为空白。如果我尝试移动小时或分钟输入，它们会显示“NaN”。移动后 AM/PM 输入正确显示。是否需要调整设置才能使其正常工作？谢谢！

【问题讨论】：

什么是$(this).val()
class="timepicker"字段的值

标签： jquery twitter-bootstrap timepicker

【解决方案1】：

试试这个：defaultTime: false,

$('#time_app').timepicker({
    defaultTime: false,
    minuteStep: 30,
    showInputs: false,
    disableFocus: true,
    modalBackdrop: true
});

【讨论】：

【解决方案2】：

在defaultTime 中使用value 并将value 分配给input，它将起作用

<input class="timepicker" type="text" class="input-small" value="00:00">

jquery

$(document).ready(function(){
   $('.timepicker').timepicker({
       defaultTime: 'value',
       minuteStep: 1,
       disableFocus: true,
       template: 'dropdown'
   });
});

【讨论】：

当我这样做并刷新页面时，字段中显示的是“NaN:NaN undefined”。
仍然做同样的事情。 “价值”不是被弃用了吗？我也尝试使用 $(this).val() 以防万一，但它仍然不起作用。
这样改，看看能不能用defaultTime: '00:00:00'或者defaultTime: '00:00'
当我这样做时说 00:00 未定义

【解决方案3】：

您可以尝试更新输入字段中的默认时间

<input id="timepicker1" type="text" class="input-small" value="00:00 AM"/>

演示：Fiddle

【讨论】：

我正在从我的数据库中提取值。我需要它来显示存储的值。
你是如何获取值的？
使用 PHP 然后将其回显出来... value=""。它将时间显示为 06:00 PM，因此它在数据库中保存为 VARCHAR(10)。我不需要根据它进行搜索，所以我就这样存储它。
<input type="text" name="time" id="time" class='timepicker' value="<?php echo $album['album_time']; ?>">
太好了，我不知道。