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

How to set jQuery datepicker format to dd-mm-year

本文关键字:格式 设置 dd-mm-year 选择器 日期 jQuery      更新时间:2023-09-26

我有以下观点:

<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"格式(日,月,年)?请注意,我希望分隔符是这个-而不是/

您没有正确设置日期格式。这是一个工作小提琴。基本上,您必须像下面这样设置dateFormat

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