2016-09-19 10 views
0

私は助けが必要です、私はASP.NET C#ページでBootStrap要素のtimepickerを使用したいです、私はマスターページのすべての参照を追加します。 asp.netとTimepickerの使い方:Textbox?以下 検索コードBootStrap要素timepicker with ASP.NETページ

ASP.NETテキストボックスのために、以下のHTMLコード

<div class="row"> 
<div class="col-xs-8 col-sm-11"> 

<label for="timepicker1">Enter:</label> 

<div class="input-group bootstrap-timepicker"> 
<input id="timepicker1" type="text" class="form-control" /> 
<span class="input-group-addon"> 
<i class="fa fa-clock-o bigger-110"></i> 
</span> 
</div> 
</div> 
</div> 

答えて

0

用途:

:次の手順を実行し、スクリプトで次に

<div class="input-group bootstrap-timepicker timepicker"> 
    <asp:TextBox ID="txtTime" data-provide="timepicker" CssClass="form-control timepicker" runat="server"></asp:TextBox> 
<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span> 

<script> 
$(function() { 
    $("#txtTime").timepicker({ 
     showInputs: false //Set showInputs to false 
    }); 
}) 
</script> 

sample_timepicker

ファイルをダウンロードするにはこちらをご確認ください:https://github.com/jdewit/bootstrap-timepicker/releases

0

秘密の仕事に制御を取得するには、次のとおりです。=「timepickerを」データは、提供しています。これは、runat = "server"を設定する場合に必要です。

例:

<script> 
    $(function() { 
     $(".timepicker").timepicker({ 
     minuteStep: 15 
     }); 
    }) 
</script> 

<asp:TextBox ID="StartTime" data-provide="timepicker" CssClass="timepicker" runat="server" />