如何将 jQuery 日期选择器格式设置为 dd-mm-year答案

【问题标题】：How to set jQuery datepicker format to dd-mm-year如何将 jQuery 日期选择器格式设置为 dd-mm-year
【发布时间】：2016-07-04 20:19:35
【问题描述】：

我的观点如下：

<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"（日、月、年）格式？请注意，我希望分隔符是 - 而不是 /。

【问题讨论】：

@Model.DateOfAction.ToShortDateString() 返回什么？ d/m/y 格式的日期？
@SalmanA 它返回“3/18/2016 12:00:00 AM”
这是您在页面加载时控件中看到的值吗？当您使用 datepicker 选择日期时，它会变回所需的格式吗？
@SalmanA "3/18/2016 12:00:00 AM" 是我在 DateOfAction 设置断点时的值。页面加载后，请参阅此“2016 年 3 月 18 日”。是的，当我使用日期选择器选择日期时，它会更改为所需的格式。
@StackTrace 答案之一对您有帮助吗？如果是这样，您可能希望将其中一个标记为答案。

标签： javascript jquery datepicker

【解决方案1】：

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

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

【讨论】：

你检查过我的小提琴吗？检查here。对我来说效果很好。
是的，你的小提琴有效，但由于某种原因，它在我的 mvc 3 视图中不起作用。它是在主视图中呈现的局部视图。日期选择器位于部分视图的 html 行中，该行通过单击按钮被动态添加到主视图中的 html 表中。
检查this。这可能会帮助您解决问题。

【解决方案2】：

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

【讨论】：

你不是每个人都可以，即简单的$(".txtDate").datepicker( 会做