Bootstrap datepicker altFormat 替代方案？答案

【问题标题】：Bootstrap datepicker altFormat alternative?Bootstrap datepicker altFormat 替代方案？
【发布时间】：2015-07-24 18:45:49
【问题描述】：

jQuery datepicker 有一个名为altFormat 的函数，它允许您向用户显示日期格式，同时使用另一种格式作为值。

如何在将 1970-01-01 作为值的同时向用户显示 01/01/1970？

示例

$(document).ready(function(){
    $('.pickadate').datepicker({
       format: "yyyy-mm-dd",
       language: "pt-BR",
       daysOfWeekDisabled: [0,6],
       autoclose: false,
       todayHighlight: true
    }).on('changeDate', function(e){
        $(this).val(e.format('dd/mm/yyyy')); //My pifious tries
    });
    $('.pickadate').on('hide', function(e) {
        $(this).val(e.format('dd/mm/yyyy'));
    });
});

【问题讨论】：

有什么问题？
如何在将 1970-01-01 作为值的同时向用户显示 01/01/1970
我很惊讶这个问题没有太多反馈

标签： javascript jquery twitter-bootstrap datepicker jquerydatetimepicker

【解决方案1】：

好吧，所以我让自己这样跑：

CSS：

.pickadate {
    color: #FFF;
}
.show_date_to_user {
    display:none;
    position: relative;
    top: -25px; /* You might have to adjust this */
    left: 10px;
    height:0;
    float:left;
}

jQuery:

$(document).ready(function(){
    $('.pickadate').datepicker({
       format: "yyyy-mm-dd",
    })
    $('.pickadate').after('<div class="show_date_to_user"></div>');
    $('.pickadate').on('changeDate', function() {
        var data = $(this).val();
        var data = data.split('-').reverse().join('-');
        var data = data.replace(/-/g,"/");
        $(this).nextAll('.show_date_to_user').css("display","inline-block").html(data);
    });
});

这是做什么的：

使 datepicker 的日期不可见 (#FFF)
创建一个新的 div 来向用户显示日期，这样我们就可以在不弄乱输入值的情况下弄乱它
当 datepicker 更改值时，它会搜索最近的“show_date_to_user” div 并用日期填充它
然后它反转顺序（01-01-1970 而不是 1970-01-01）
然后它只是将“-”替换为“/”
最终结果显示 01/01/1970，没有弄乱输入值

【讨论】：

【解决方案2】：

jQuery ui datepicker 支持这种行为：您将需要两个输入：

一个用于存储值（隐藏）
其他向用户显示价值

http://jqueryui.com/datepicker/#alt-field

【讨论】：