1

jQuery datepicker имеет функцию, называемую altFormat, которая позволяет вам отображать формат даты для пользователя, а другой - как значение.Bootstrap 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')); 
    }); 
}); 
+0

Wh на вопрос? – dandavis

+0

Как показать 01.01.1970 пользователю с указанием 1970-01-01 как значение –

+0

Я удивлен, что ответа на этот вопрос не так много – Donato

ответ

0

Allright, поэтому я сам работает так:

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. сделать Datepicker дата невидимым (#FFF)
  2. Создать новый DIV для отображения даты для пользователя, таким образом мы можем связываться с ним не портя значение входного
  3. Когда DatePicker значение изменения, он ищет ближайший «show_date_to_user» DIV и заполнить его с датой
  4. Тогда инвертирует порядок (01.01.1970 вместо 1970-01-01)
  5. а потом он просто заменяет "-" с "/"
  6. Окончательный результат отображения 01.01.1970, не мешая входные значения
0

JQuery UI DatePicker поддерживает такое поведение: Вам понадобятся два входа:

  • Один для хранения значения (скрытый)
  • Другое, чтобы показать значение для пользователя

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

Смежные вопросы