使用引導日期選擇器在日期之後顯示星期幾

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