DateTimePicker根据区域设置更改格式

时间:2015-12-07 12:55:08

标签: twitter-bootstrap date datepicker bootstrap-datetimepicker

包含i chrome浏览器的日期选择器允许用户选择日期。用户将以格式查看日期,输入值将始终采用以下格式:" YYYY-MM-DD"。

使用bootstrap-datetimepicker时我想要相同的行为。

如果我在初始化插件时指定格式

$('.date-picker').datetimepicker({
    format: 'DD/MM/YYYY'
});

当我得到输入值时,它采用相同的格式,' DD / MM / YYYY'。我希望它采用标准格式,即" YYYY-MM-DD"。

当我指定语言环境时也一样。

$('.date-picker').datetimepicker({
    locale: 'fr'
});

任何人都可以帮助我吗?

非常感谢

1 个答案:

答案 0 :(得分:1)

初始化bootstrap-datetimepicker插件时,您可以选择自己喜欢的format,这样就可以:

$('.date-picker').datetimepicker({
    format: 'YYYY-MM-DD'
});

然后输入值将采用'YYYY-MM-DD'格式。

如果您需要以给定格式显示日期,然后将其转换为另一种格式,则可以使用Moment format function。例如:

$('#yourpickerid').datetimepicker({
    format: 'DD/MM/YYYY'
});

function getPickerValue(){
    // Get picker date
    var val = $('#yourpickerid').data("DateTimePicker").date();
    // Convert date to given format
    var dateStr = val.format('YYYY-MM-DD');
    return dateStr;
}
相关问题