Ractive.jsで別のライブラリの関数（たとえばBootstrapのdatepicker）を使う方法

表題の件、Ractive.jsでデータ表示したあと、UI上で変更しても保持しているdataが更新されなくて困ったので。

こんな感じで書いた。

var ractive = new Ractive({
            el: '#element',
            template: '#template',
            data: {data: data},
            decorators: {
                datepick: function(node){
                    var rct = this
                    $(node).datepicker({
                        format: 'yyyy/mm/dd',
                        language: 'ja',
                        autoclose: true,
                        todayHighlight: true,
                        }).on('changeDate',function(dateValue) {
                        rct.updateModel();
                    });
                    return{
                        teardown: function(){
                            $(node).datepicker("destroy");
                        }
                    };
                }
            },
        });

公式リファレンス
http://docs.ractivejs.org/latest/writing-decorator-plugins

デモ（tooltipの場合）
http://jsfiddle.net/tomByrer/9g3pB/11/

teardownっていうメソッド無いとおこられるです。かわいいかとw

※上記ソースのdetepickerのイベント名が違っていたのを修正（2015/11/02）