如何从输入日期获取自定义格式输出？

Question

请查看小提琴here。

我有一个文本框，将一个日期（格式为12/11/2015）直接输入到段落的'msg'占位符中。

日期显示很好。但是，我想获得它下面的格式显示 -

$("#get").click(function (e) { 
    e.preventDefault(); 
    $('#msg').html($('input:text').val()); 
    dateFormat: 'DD, MM d' 
}); 

所以，输入当天的日期，如2015年12月11日将产生周五的结果，12月11日

...但它不工作。

我哪里错了？

Answer 1

您可以使用JavaScript日期的方法以获得所需的输出格式。这里是w3schools page参考，这里是代码得到输出你想要的：

$("#get").click(function (e) { 
    e.preventDefault(); 
    var d = new Date($('input:text').val()); 
    var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; 
     var day = days[d.getDay()]; 
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
    var month = months[d.getMonth()]; 
    var date = d.getDate(); 
    var output = day+", "+month+" "+date; 
    $('#msg').html(output); 
}); 

JSFiddle

Answer 2

试试这个

var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val(); 

Answer 3

您必须添加的日期格式的jQuery插件。 看看 jQuery date formatting

Answer 4

没有直接的方法从天然Date对象获取月份名称和日期名称的字符串化版本。你需要保持月份名称和日期名称的数组，并从中查询。

$(function(){ 
    $("#get").click(function (e) { 
     e.preventDefault(); 
     var fDate = getDateFormatted($('input:text').val()); 
     $('#msg').html(fDate); 
    }); 

});  

function getDateFormatted(dateString) 
{ 
    date = new Date(dateString); 
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; 

var monthNames = ["January", "February", "March", "April", "May", "June", "July", 
        "August", "September", "October","November", "December"]; 

    var day=date.getDay(); 
    var dayName = days[day+1]; 
    var monthIndex = date.getMonth(); 
    var year = date.getFullYear(); 

return dayName + ', ' + monthNames[monthIndex+1] + ' ' + date.getDate(); 

} 

Here是工作示例。