jQuery生日选择器处理表单刷新

Question

我正在使用一个优秀的jquery插件来为我的网页表单选择生日日期.

在这里演示:http: //abecoffman.com/stuff/birthdaypicker/

我正在处理的问题是表单验证.我的表单验证重定向回到同一页面,我将丢失所选的日期.

有没有办法在日期选择器的javascript中添加一个选项:http: //abecoffman.com/stuff/birthdaypicker/bday-picker.js

这样我就可以设置"默认选定日期".配置可以工作如下:

$("#picker1").birthdaypicker({
  chosenDay: 1;"
  chosenMonth: 28;"
  chosenYear: 2011;"
 });

这将把"选定"日期设置为2011年1月28日.

Answer 1

无需修改插件，您就可以使用 JQuery 来设置值。该插件生成的标记如下所示：

<fieldset class='birthday-picker'>
    <select class='birth-year' name='birth[year]'></select>
    <select class='birth-month' name='birth[month]'></select>
    <select class='birth-day' name='birth[day]'></select>
</fieldset>

因此，您的 JQuery 只需要获取这些元素并设置它们的值即可。您需要确保设置的值存在于选择列表中。

$('select.birth-year').val('my_year');      // 1980
$('select.birth-month').val('my_month');    // 1-12 (not "Jan" which is the text)
$('select.birth-day').val('my_day');        // 1-31 (keep month limitation in mind)

必须在调用插件后调用此代码，否则标记将尚未生成。