jQueryUI DatePicker自定义年份(jQueryUI DatePicker Customizing the Year)

 我有一个使用jqueryui DatePicker的Datepicker。 
 
 行为要求是： 
 
 
 
 用户可以为朋友存储出生日期。 用户应该能够存储一年（如果已知），或选择“N / A”。 
 
 
 如果选择“N / A”，则将1900年存储在数据库中，并仅在输入字段中向用户显示日期和月份。 
 
 
 下拉列表应该从1950年开始，但显示从当前日期开始的过去100年（< - 这将是锦上添花，否则从当年开始，如果有必要，可以追溯到1900年） 
 
 
 这是我到目前为止所获得的，但它是kludgey ......这是轻描淡写。 并且出于某种原因，如果用户选择日期，但不改变年份下拉列表，则存储当前年份，而不是1900年。 
 
 （它是在json调用的上下文中）。 当然有更好的方法。 
 
var birthday_options = {changeMonth: true, changeYear: true, yearRange: '1900:2010',
        onClose: function(dateText, inst) {
        contact.field_updater('birthday').call(this);
        $('input.mng-birthday').val(function(i, val) {
                       return val.replace('/1900', '');
                    });
        },
        beforeShow: function (input) {
                      setTimeout(function () {
                        $('select.ui-datepicker-year option:first').text('N/A');                                                                 
                      }, 1);
                    }},

.find('.mng-birthday').val(data.birthday || 'Unknown')
  .datepicker(birthday_options)
.end(); 

I have a Datepicker using jqueryui DatePicker.
 
The behavior requirement is:
 
 
 
A User can store a Birthdate for a friend. The User should be able to store a year if known, or select "N/A". 
 
 
If "N/A" is selected, Store the year 1900 in the database and only display the day and month in an input field to the User.
 
 
The dropdown should start at 1950 but show the past 100 years from current date (<-- this would be icing on the cake, otherwise start at current year and if necessary go back to 1900)
 
 
Here's what I got so far, but it's kludgey...and that's an understatement. And for some reason, if the user selects a date, but doesn't alter the year dropdown, then the current year is stored, rather than 1900.
 
(it's in the context of a json call). Surely there's a better way. 
 
var birthday_options = {changeMonth: true, changeYear: true, yearRange: '1900:2010',
        onClose: function(dateText, inst) {
        contact.field_updater('birthday').call(this);
        $('input.mng-birthday').val(function(i, val) {
                       return val.replace('/1900', '');
                    });
        },
        beforeShow: function (input) {
                      setTimeout(function () {
                        $('select.ui-datepicker-year option:first').text('N/A');                                                                 
                      }, 1);
                    }},

.find('.mng-birthday').val(data.birthday || 'Unknown')
  .datepicker(birthday_options)
.end(); 

原文：https://stackoverflow.com/questions/4045680