如何在jquery datepicker中只显示时间?

时间:2013-05-31 17:38:47

标签: jquery

我想只显示来自jquery datepicker的时间。 我目前的代码是

$('#field-start_t_a').datetimepicker({
  showDate:false, 
   showSecond: true,

   timeFormat: 'hh:mm'
});

当前输出

05/31/2013 00:12

所需的输出是

00:12

8 个答案:

答案 0 :(得分:18)

只需将dateFormat设置为空字符串dateFormat: ''

即可
$('#field-start_t_a').datetimepicker({
    dateFormat: '',
    timeFormat: 'hh:mm tt'
});

(这有点奇怪,你只想从datetimepicker设置时间,因为你也可以$('#field-start_t_a').timepicker();而且只有时间选项显示)

答案 1 :(得分:8)

尝试这样的代码:

<script>
  $('#time_input').datetimepicker({
     datepicker:false,
      format:'H:i'
  }); 
</script>

答案 2 :(得分:7)

$('.picker').datetimepicker({
    dateFormat: '',
        timeFormat: 'hh:mm tt',
        **timeOnly: true**
});

答案 3 :(得分:3)

只需添加一个简单的解决方案。只需添加此项,您就可以获得仅限时间的日期选择器

$('YOUR_SELECTOR').datetimepicker({
        format: "HH:mm"
});

简单的解决方案,希望它有所帮助。

答案 4 :(得分:1)

<script type="text/javascript">                                   

$("#time_field_id").datetimepicker({                   
dateFormat: '', 
timeFormat: 'hh:mm tt', 
timeOnly: true                                   
 }); 

</script>

答案 5 :(得分:0)

$(function () {
   $('#datetimepicker').datetimepicker({
        format:'H:i:s',
        inline: true,
        sideBySide: true
   })
});

试试这个。为我工作

答案 6 :(得分:0)

尝试一下,就像一个魅力!

$('.time_only').datetimepicker({
    pickDate : false ,
    format: 'hh:mm' 
});   

答案 7 :(得分:0)

{ timeFormat: 'hh:mm tt', 仅时间:真 }