javascript - Bootstrap datepicker altFormat 替代方案？

Question

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

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

示例

$(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'));
    });
});

Answer 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);
    });
});

它的作用:

1. 使日期选择器的日期不可见 (#FFF)
2. 创建一个新的 div 来向用户显示日期，这样我们就可以在不弄乱输入值的情况下弄乱它
3. 当日期选择器更改值时，它会搜索最接近的“show_date_to_user”div 并用日期填充它
4. 然后颠倒顺序(01-01-1970 而不是 1970-01-01)
5. 然后将“-”替换为“/”
6. 最终结果显示 01/01/1970，没有弄乱输入值