Javascript 在twitter引导中添加时间选择器

我拼命想在我的应用程序中集成一个时间选择器，但没有成功。我尝试使用以下代码执行此操作：

我有所有的文件，路径设置正确。奇怪的是。如果我集成此代码：

        <!-- Or just a input -->
    <input id="demo-input" />

    <!-- jQuery and Bootstrap scripts -->
    <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/js/bootstrap.min.js"></script>

    <!-- ClockPicker script -->
    <script type="text/javascript" src="../dist/bootstrap-clockpicker.min.js"></script>

    <script type="text/javascript">
    $('.clockpicker').clockpicker()
        .find('input').change(function(){
            // TODO: time changed
            console.log(this.value);
        });
    $('#demo-input').clockpicker({
        autoclose: true
    });

    if (something) {
        // Manual operations (after clockpicker is initialized).
        $('#demo-input').clockpicker('show') // Or hide, remove ...
                .clockpicker('toggleView', 'minutes');
    }
    </script>

我用python编码并使用flask

有人有主意吗？我已经挣扎了很长一段时间，现在我找不到一个答案

---

谢谢

您的@route应该是

from wtforms.fields.html5 import DateField

class TimeForm(Form):
    time_picker = DateField('DatePicker', format='%Y-%m-%d')

@app.route('/current_page', methods=['POST'])
def show_time():
    time_form = TimeForm() # this could be the class as well
    if time_form.validate_on_submit():
        return time_form.time_picker.data.strftime('%Y-%m-%d')
    return render_template('bootstrap_template.html', form=form)

您可以通过以下方式在jinja2模板中获取时间选择器

bootstrap\u template.html

<form action="some_action" method="post">
    {{ time_form.time_picker(class='datepicker') }}
    {{ time_form.hidden_tag() }}
    <input type="submit"/>
</form>

{{time\u form.time\u picker（class='datepicker'）}
{{time_form.hidden_tag（）}}

---

请注意-您需要在模板文件中添加您的js库和css文件。

您的@route应该像

from wtforms.fields.html5 import DateField

class TimeForm(Form):
    time_picker = DateField('DatePicker', format='%Y-%m-%d')

@app.route('/current_page', methods=['POST'])
def show_time():
    time_form = TimeForm() # this could be the class as well
    if time_form.validate_on_submit():
        return time_form.time_picker.data.strftime('%Y-%m-%d')
    return render_template('bootstrap_template.html', form=form)

您可以通过以下方式在jinja2模板中获取时间选择器

bootstrap\u template.html

<form action="some_action" method="post">
    {{ time_form.time_picker(class='datepicker') }}
    {{ time_form.hidden_tag() }}
    <input type="submit"/>
</form>

{{time\u form.time\u picker（class='datepicker'）}
{{time_form.hidden_tag（）}}

---

请注意-您需要在模板文件中添加js库和css文件。

谢谢您的回复！但是你知道为什么我不能让它在我的情况下工作吗？我可以独立运行它，一切都很好，但在应用程序中使用时它不会执行（即从render_模板（'input.html'）调用），这不是非常奇怪吗？我想了解出了什么问题。你知道吗？谢谢！还有，方法“post”是不允许的。我的浏览器出现了一个错误。我刚才尝试的另一件事是使用下拉菜单，再次，当我单独启动input.html时，下拉菜单会起作用，但只要我使用render_模板调用它，下拉菜单就会起作用（'input.html'），它停止工作。我对引导和html非常陌生。谢谢你的时间！谢谢你的回复！但是你知道为什么我不能在我的案例中工作吗？我可以单独运行它，一切都很好，而它在应用程序中使用时（即从render_模板调用）不会执行，这不是非常奇怪吗（'input.html'）？我想了解出了什么问题。你知道吗？谢谢！还有，方法“post”是不允许的。我的浏览器出现了一个错误。我刚才尝试的另一件事是使用下拉菜单，再次，当我单独启动input.html时，下拉菜单会起作用，但只要我使用render_模板调用它，下拉菜单就会起作用（'input.html'），它停止工作。我对引导和html非常陌生。谢谢你的时间！谢谢你的回复！但是你知道为什么我不能在我的案例中工作吗？我可以单独运行它，一切都很好，而它在应用程序中使用时（即从render_模板调用）不会执行，这不是非常奇怪吗（'input.html'）？我想了解出了什么问题。你知道吗？谢谢！还有，方法“post”是不允许的。我的浏览器出现了一个错误。我刚才尝试的另一件事是使用下拉菜单，再次，当我单独启动input.html时，下拉菜单会起作用，但只要我使用render_模板调用它，下拉菜单就会起作用（'input.html'），它停止工作。我对引导和html非常陌生。谢谢您的时间！