Bootstrap 3 DateTimepicker首先显示TimePicker

Question

我正在使用这里找到的datetimepicker:

http://eonasdan.github.io/bootstrap-datetimepicker/

也许答案就在我面前,但我找不到它.如何默认首先显示编辑时间屏幕？我正在创建一个时间保持应用程序,我很少更改日期,但通常会更改时间.

谢谢你的帮助!

Answer 1

好吧,它有点hackey但基于这里的响应:

https://github.com/Eonasdan/bootstrap-datetimepicker/issues/840

我补充道

$(".datetimepicker").on 'dp.show', () -> $(document).find('.picker-switch a[data-action="togglePicker"]').click()

给我的咖啡.Jquery等价物

$(".pickthetime").on('dp.show', function(){
  $(document).find('.picker-switch a[data-action="togglePicker"]').click()
});

它有点像我正在寻找的,但幻灯片运动使它看起来有点糟糕.有什么想法吗？

Answer 2

由于您很少更改日期，因此也许使用时间选择器更适合您的项目。您也可以为每个都有一个单独的选择器。

引导时间选择器

我发现：

Bootstrap 日期选择器文档

所有选项的默认值都可以通过更改 $.fn.datepicker.defaults 哈希中的值来直接修改：

$.fn.datepicker.defaults.format = "mm/dd/yyyy";
$('.datepicker').datepicker({
     startDate: '-3d'
})

将格式字符串更改为：

"HH:MM:SS mm/dd/yyyy"