2016-09-19 3 views
0

도움이 필요합니다. ASP.NET C# 페이지에서 BootStrap 요소 timepicker를 사용하고 싶습니다. 마스터 페이지에 모든 참조를 추가하고 HTML 코드를 사용할 때 작동하지만 이제는 사용하고 싶습니다. asp.net as Timepicker : Textbox를 사용하는 방법? 아래 찾기 코드ASP.NET 페이지가있는 BootStrap 요소 timepicker

하여 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" /> 
관련 문제