Показать день недели после даты с bootstrap-datepicker

Question

Я использую bootstrap-datepicker и хотел бы также отобразить фактический день недели в текстовом поле сразу после даты.

Пример: 12/01/2014 Monday

моя конфигурация DatePicker

$(document).ready(function() { 

      $('#calendar').datepicker({ 
       format: "mm/dd/yyyy", 
       weekStart: 1, 
       autoclose: true, 
       todayHighlight: true, 
      });    
     }); 

Фактический источник DatePicker здесь:

https://bootstrap-datepicker.readthedocs.org/

Answer 1

Вы можете попробовать что-то вроде этого, только добавить эту часть вашего код:

$('#calendar').change(function() { //Your date picker input 
    var eventDate = $('#calendar').val(); 
    var dateElement = eventDate.split("/"); 
    var dateFormat = dateElement[2]+'-'+dateElement[0]+'-'+dateElement[1]; 
    var date = new Date(dateFormat+'T10:00:00Z'); //To avoid timezone issues 
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 
    var day = weekday[date.getDay()]; 
    $('#calendar').val($('#calendar').val() + ' ' + day); 
}); 

Надежда работает для вас.

Answer 2

Следующий код работает:

$('#CalenderInputTextBox').change(function (e) {     

    var eventDate = $('#CalenderInputTextBox').val(); 

    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 

    var date = new Date(eventDate).getDay(); 

    var day = weekday[date];    

    $('#CalenderInputTextBox').val($('#CalenderInputTextBox').val() + ' ' + day); 

    }); 

Answer 3

Просто изменить одну вещь

format: "mm/dd/yyyy DD" 

http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format