2016-03-11 23 views
1

我試圖用這個TimePicker控制http://trentrichardson.com/examples/timepicker/但我在網絡編程新的,所以我需要一點點幫助,asp.net中使用JavaScript的timepicker控制

我有這到目前爲止,但不工作

<script src="../Scripts/jquery-ui-timepicker-addon.js"></script> 
 
<link href="../Content/css/jquery-ui-timepicker-addon.css" rel="stylesheet" />  
 
<asp:UpdatePanel ID="upEdit" runat="server"> 
 
    <ContentTemplate> 
 
    <div class="modal-body"> 
 
     <table class="table"> 
 
     <tr> 
 
      <td><input type="text" name="basic_example" id="basic_example" class="hasDatepicker" > 
 
      <script type="text/javascript"> 
 
       function timepic() { 
 
       $('#basic_example').timepicker(
 
        $.timepicker.regional['es']) 
 
       }; 
 
      </script> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </div> 
 
    </ContentTemplate> 
 
</asp:UpdatePanel>

我做錯了什麼?感謝您的幫助

+0

你可以刪除更新面板檢查一旦工作或沒有? –

+0

仍然不起作用 –

+0

你在哪裏調用'timepic()'? ...應在$(document).ready(function(){// code here})內' – CMedina

回答

0

改變你的JavaScript函數,

$(document).ready(function() { 
    $('#basic_example').timepicker(
     $.timepicker.regional['es']) 
}); 

在頁面的末尾添加它。

+0

是這樣的? (script).ready(function(){(##basic_example')。timepicker( $ .timepicker.regional ['es']) }); –

+0

是的,試試看。它會工作。 –

+0

這是我所擁有的一個img>。<(http://s28.postimg.org/3phzf5osd/Sin_t_tulo.png) –