カスタムフォームフィールドでdatepickerウィジェットを有効にするにはどうすればよいですか？例えば

Question

は、私はカスタムのModelView追加するとき：カスタムビューやフォームについて

しかし、どのような：

class TaskModelView(ModelView): 
    pass 


flaskadmin = Admin(name='Flasky', template_mode='bootstrap3', index_view=MyAdminIndexView(), 
        base_template='admin/mymaster.html') 

flaskadmin.add_views(TaskModelView(models.Task, db.session)) 

を私はまた、適切なのDateTimeフィールドの便利なDatePickerのウィジェットを取得しますか？私は、ビューと同じ方法を追加しようとしましたが、BaseViewからそれを継承し、その後、私はフラスコ管理者からDateTimeField型で新しいフォームを作成し、それをレンダリングしてみました：

from flask.ext.admin.form import DateTimeField, DatePickerWidget, DateTimePickerWidget 


class AssebledChartForm(Form): 
    date_from = DateTimeField('From', format='%d.%m.%Y', widget=DateTimePickerWidget()) 
    date_to = DateTimeField('To') 


class AnalyticsView(BaseView): 
<...> 
    return self.render('admin/analytic.html', form=form) 

flaskadmin.add_view(AnalyticsView(name='Analytics', endpoint='analytics')) 

が、ウィジェットはfromとtoフィールドの両方に表示されませんでした。

フロンター管理の日付ピッカーは自分のフォームでどうやって使うのですか？

Answer 1

私が覚えている限りでは、あなたはjQueryのこのための日付ピッカー、またはWTForms 1、およびないflask.ext.admin.formのいずれかを使用することができます。

管理フォームがエンドユーザーから隠されるように意図され、そしてパブリック・ユーザーにそのAPIを暴露することを強く禁止されています。

は、同様の質問 here

ありましたそして、あなたはWTForms日付ピッカーを使用する方法の良い例を見ることができます。

Answer 2

あなたの管理者/ analytic.htmlは、日付のクライアント側の選択を処理するJavaScriptをロードしていません。あなたのテンプレートに以下を追加してください。

{% block tail_js %} 
    <script src="/static/vendor/jquery.min.js" type="text/javascript">/script> 
    {# use /static/bootstrap2/js/bootstrap.min.js if you are using bootstrap2 #} 
    <script src="/static/bootstrap3/js/bootstrap.min.js" type="text/javascript"></script> 
    <script src="/static/vendor/moment.min.js" type="text/javascript"></script> 
    <script src="/static/vendor/select2/select2.min.js" type="text/javascript"></script> 
{% endblock %} 

これは、すべてのウィジェット（Select2、DatePickerなど）を動作させるために必要なすべてを提供します。