在 jQuery UI 日期选择器中格式化日期

Posted 2023-05-07

【中文标题】在 jQuery UI 日期选择器中格式化日期

【英文标题】：format date in jQuery UI datepicker

【发布时间】：2013-08-02 04:06:26

【问题描述】：

我使用 jQuery UI 中的日期选择器，但格式类似于今天的示例：08/01/2013

但我希望今天的格式是示例：2013-08-01

这是我认为也许我应该使用的代码行？

`$("#txtFromDate").datepicker("option", "dateFormat", "yyyy-mm-dd");`

这是我使用的 jQuery 代码，它工作正常，但不知道该放在哪里？ 我想要我的两个领域的格式。

` $(文档).ready(函数() $("#txtFromDate").datepicker( minDate: "07/17/2012", 最大日期：“0D”， numberOfMonths：2， onSelect：函数（选定） $("#txtToDate").datepicker("option","minDate", selected); ); $("#txtToDate").datepicker( minDate: "07/17/2013", 最大日期：“0D”， numberOfMonths：2， onSelect：函数（选定） $("#txtFromDate").datepicker("option","maxDate", selected); ); );`

我希望有人对此有解决方案:-)

【参考方案1】：

因为您在日期选择器中已经有其他选项...将其添加到那里。

试试这个

$("#txtFromDate").datepicker(
    minDate: "07/17/2012",
    maxDate: "0D",
    numberOfMonths: 2,
    dateFormat: "yy-mm-dd", //<----here
    onSelect: function(selected) 
      $("#txtToDate").datepicker("option","minDate", selected);
    
);

【讨论】：

我试过了，但它不起作用。当我尝试这样做时，我无法在日历上选择任何日期

dateFormat: "yyyy-mm-dd" 应该是dateFormat: "yy-mm-dd"

它仍然使整个日历无法选择

我认为还有其他东西正在破坏您的代码...检查您的控制台是否有任何错误

可能问题出在 minDate 和 maxDate 上，格式也应该是 yy-mm-dd....jsfiddle.net/TRqr9/1

【参考方案2】：

您可以直接从 jquery-ui 库中设置日期格式，这对我有用。希望对您也有用

在

function Datepicker()

  //other code
  dateFormat: "yy-mm-dd", // See format options on parseDate 
  //other code