如何将AM / PM添加到Bootstrap物料DatePicker

时间:2018-09-30 10:04:50

标签: javascript bootstrap-4 material-design

我正在尝试将AM / PM添加到 bootstrapMaterialDatePicker ,我设置了 twelvehour:true ,但似乎没有任何效果。我如何添加AM / PM,因为这些不是我的设备,而是使用24小时制?

auth: {
strategies: {
    local: {
        endpoints: {
            login: {
                url: '/auth/login',
                method: 'post',
                propertyName: 'access_token'
            },
            logout: {
                url: '/auth/logout',
                method: 'post'
            },
            user: {
                url: '/auth/me',
                method: 'post',
                propertyName: false // <--- Default "user"
            }
        }
    }
}
}

2 个答案:

答案 0 :(得分:3)

您的“格式”已设置为HH:mm,但是,要获取以小时/下午结尾的12小时格式,您需要使用hh:mm a作为格式 { {3}} 。此外,对于bootstrapMaterialDatePicker函数 [1] ,“十二小时”不是有效的选项。

答案 1 :(得分:0)

您可以将a添加到格式HH:mm a,并设置值shortTime: true 在您的GUI中显示AM / PM,以允许用户选择它

  // Bootstrap timepicker
  $('.timer').bootstrapMaterialDatePicker({
     date: false,
     shortTime: true,
     twelvehour: false,
     format: 'HH:mm a'
  });