3 DateTimepicker首先显示时间选择器

Question

我正在使用这里找到的日期时间选择器:

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

也许答案就在我面前，只是我找不到。如何默认首先显示编辑时间屏幕?我正在创建一个计时应用程序，我很少更改日期，但通常会更改时间。

谢谢你的帮助!

Answer 1

好吧，这是一个小hack，但基于这里的响应:

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

我的两分钱

('#myDatetimepicker').datetimepicker({
        icons: {
            time: "icona-orologio",
        }
    }).on('dp.show', function(e){
        setTimeout(function(){
            $('.bootstrap-datetimepicker-widget').find('.icona-orologio').parent().click();
        }, 300);
    });

Answer 3

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

引导Timepicker

我发现:

Bootstrap Datepicker docs

所有选项的默认值都可以通过改变$.fn.datepicker.defaults散列中的值来直接修改:

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

将格式字符串更改为:

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

Answer 4

以下是插件可以使用的格式选项。
对于时间，首先使用格式:'HH:mm:ss a mm/DD/YYYY'，这将转换为'21:55:30 pm 07/19/2015'

检查插件的所有可用选项