在twitter引導中添加時間選擇器

我拼命嘗試在我的應用中集成時間選擇器，但沒有成功。我試圖用這個代碼來做到這一點：https://github.com/weareoutman/clockpicker 在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>

我已經宣佈在頭的css文件過：如果我這個代碼集成

 <!-- ClockPicker Stylesheet --> 
    <link rel="stylesheet" type="text/css" href="../dist/bootstrap-clockpicker.css">

到我的應用程序的input.html文件並啓動這個程序，我可以看到盒子時鐘應該是活動的，但是當我點擊這個盒子時，什麼都沒有發生，而時鐘應該出現。但是，如果我在瀏覽器中運行html文件，作爲獨立的單元，那麼時鐘就像它應該運行一樣。在應用中，輸入文件從一個更高更新文件view.py叫：

@app.route('/input') 
def addresses_input(): 
return render_template("input.html")

我Python編寫和使用燒瓶

任何人有一個想法？我一直在爲此奮鬥了很長一段時間，我找不到答案...

謝謝！

來源

2015-06-19 Damien

你@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_template.html

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

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

來源

2015-06-19 16:46:05

感謝您的回覆！但是你知道爲什麼我不能在我的情況下工作嗎？難道我可以將它作爲一個獨立運行並且一切都很好，但它在應用程序中使用時不會執行（即從render_template（'input.html'）調用它），我不想理解什麼錯誤，您有什麼想法嗎？謝謝！ – Damien

同樣，方法'post'也是不允許的，我的瀏覽器會拋出一個錯誤，我剛剛嘗試的另一件事是使用下拉菜單，當我把input.html作爲一個獨立的開始時，但是一旦我用render_template（'input.html'）調用它，它就停止工作。我對bootstrap和html非常陌生，感謝您的時間！ – Damien

在twitter引導中添加時間選擇器

回答

相關問題