Создать календарь выбрать из JavaScript

Question

Не уверен, почему я не могу понять это. Когда пользователь делает выбор, вызывается метод javascript, после чего я хочу добавить calendardateselect в существующий тег div из javascript.

Согласно документации, похоже, что это должно работать:

var a = new CalendarDateSelect( document.getElementById("date_area"), {embedded:true, year_range:10} );
$('date_area').insert(a);

... или, может быть, это ...

var newScript   = document.createElement('script');
newScript.type  = 'text/javascript';
var tn      = document.createTextNode("new CalendarDateSelect( $(this).previous() )");
newScript.appendChild(tn);
$('date_area').insert(newScript);

http://code.google.com/p/calendardateselect/wiki/JavascriptDocumentation

Но ни один из них не работает. Я чувствую, что перепробовал все. Идеи?

Answer 1

Оказывается, первая попытка работает:

var a = new CalendarDateSelect( document.getElementById("date_area"), {embedded:true, year_range:10} );
$('date_area').insert(a);

Но уловка была в том, что CalendarDateSelect, кажется, полагается на наличие скрытого поля ввода в элементе div, где он создается. Как только я добавил это, приведенный выше код работал отлично.

Но лучший способ это просто:

new CalendarDateSelect(
    $('date_area'),
    {
       embedded:   true,
       year_range: 10
   }
);