如何設置jQuery的日期選擇器格式DD-MM-年

Question

我已經在我的觀點如下：

<input type="text" name="Model.Date" value="@Model.DateOfAction.ToShortDateString()" class="txtDate" readonly = "readonly" style = "width: 90px; padding: 0px;" /> 

那麼我下面的jQuery：

$(document).ready(function() { 
    $(document.getElementsByClassName(".txtDate")).each(function() { 
     $(this).datepicker({ 
      dateFormat: 'dd-mm-yy', 
      showButtonPanel: true, 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: new Date(), 
     }); 
    }); 
}); 

但"18th March 2016"快到了爲"3/18/2016"我期待這"18-03-2016"

如何正確設置我想要的格式"18-03-2016"（日，月，年）?.請注意，我希望分隔符是-而不是/。

Answer 1

$(document).ready(function() { 
    $(document.getElementsByClassName(".txtDate")).each(function() { 
     $(this).datepicker({ 
      dateFormat: 'dd-mm-yy', 
      showButtonPanel: true, 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: new Date(), 
     });}); 
}); 

Answer 2

您還沒有正確設置日期格式。這是一個工作fiddle。基本上，你必須設置dateFormat象下面這樣：

$(function() { 
    $('.txtDate').datepicker({ 
      dateFormat: 'dd-mm-yy', 
      showButtonPanel: true, 
      changeMonth: true, 
      changeYear: true, 
      defaultDate: new Date() 
     }); 
    });