如何在 jQuery-UI 中初始化预先格式化的日期选择器？答案

【问题标题】：How to initialize a pre-formatted datepicker in jQuery-UI?如何在 jQuery-UI 中初始化预先格式化的日期选择器？
【发布时间】：2012-08-21 17:50:48
【问题描述】：

我正在将日期选择器应用于具有以下日期格式的表单字段：'dd/mm/yy'，因此当用户选择日期时，它将以该格式放置在字段中。

问题是该字段预先填充了yy-mm-dd 格式的值，并且日期选择器显示的是今天的日期。

如何使用字段值初始化日期选择器？

我之前使用过 jQuery Tools 中的 datepicker，它会根据字段值自动初始化 datepicker，但是 jQuery UI 中的 datepicker 没有这个有用的功能。

【问题讨论】：

标签： jquery-ui datepicker

【解决方案1】：

方法是：

$('#activity_date').datepicker({ dateFormat: 'yy-mm-dd' })
$('#activity_date').datepicker("setDate", "2012-01-21")
$('#activity_date').datepicker("option", "dateFormat", "DD, d MM, yy")

解释：

将 dateFormat 设置为数据库中的格式
设置日期
设置我们希望在表单域中显示的日期格式

【讨论】：

如果字段有默认值，似乎不会格式化日期