如何将jQuery datepicker格式设置为dd-mm-year

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

您尚未正确设置日期格式。这是一个有效的fiddle。基本上你必须像下面这样设置dateFormat：

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

Answer 2

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