如何在jQuery-UI中初始化预先格式化的datepicker?

时间:2012-08-21 17:50:49

标签: jquery-ui datepicker

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

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

如何使用字段值初始化datepicker?

我之前使用过jQuery Tools中的datepicker,它自动从字段值初始化datepicker,但jQuery UI中的那个没有那么有用的功能。

1 个答案:

答案 0 :(得分:3)

这样做的方法是:

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

说明:

  • 设置dateFormat,就像数据库中的那个一样
  • 设置日期
  • 设置我们要在表单字段
  • 中显示的dateFormat