使用引导日期选择器在日期之后显示星期几

Question

我使用的是引导日期选择器并且希望在日期之后的文本字段中显示一周的实际日期。

例子：12/01/2014 Monday

我的日期选择器配置

$(document).ready(function() { 

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

实际日期选择器源是在这里：

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