如何将 jQuery 日期选择器格式设置为 dd-mm-year [英] How to set jQuery datepicker format to dd-mm-year

问题描述

我认为有以下几点:

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

然后我有以下 jQuery:

I then have below 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"

But "18th March 2016" is coming up as "3/18/2016" and I was expecting this "18-03-2016"

如何正确设置我想要的 "18-03-2016" (day,month,year) 格式?请注意，我希望分隔符是这个 - 而不是 /.

How do I properly set my desired format of "18-03-2016" (day,month,year)?. Notice that I want the separator to be this - not /.

推荐答案

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

You have not set the date format correctly. Here is a working fiddle. Basically you have to set the dateFormat like below:

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

这篇关于如何将 jQuery 日期选择器格式设置为 dd-mm-year的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！