帶Asp.Net的Bootstrap Datepicker Textbox

也許這將是一個愚蠢的問題，但我無法處理我的問題。我在這裏檢查了所有的問題和答案，但我沒有發現任何線索。無論如何，我想使用asp.net文本框的引導datepicker。當我在沒有runat =「server」標籤的輸入中使用它時，我發現datepicker顯示出來，但是當我嘗試將它與帶有runat =「server」標籤的文本框一起使用時，datepicker未顯示。任何想法如何解決這個問題？帶Asp.Net的Bootstrap Datepicker Textbox

<asp:TextBox ID="DateTextbox" runat="server" CssClass="m-wrap span12 date form_datetime"></asp:TextBox> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     var dp = $("#<%=DateTextbox.ClientID%>"); 
      dp.datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      format: "dd.mm.yyyy", 
      language: "tr" 
     }); 
    }); 
    </script>

感謝您的回答。

來源

2013-08-17 Erdinç

的jsfiddle好嗎？ –

試試這個

<asp:TextBox ID="DateTextbox" ClientIDMode="Static" runat="server" CssClass="m-wrap span12 date form_datetime"></asp:TextBox> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     var dp = $("#DateTextbox"); 
      dp.datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      format: "dd.mm.yyyy", 
      language: "tr" 
     }); 
    }); 
    </script>

來源

2013-08-17 05:57:35

如果你不反對簡單地使用一個類時，你可以利用date類您的輸入，像這樣：

<script> 
    $(function() { 
     $('input.date').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      format: "dd.mm.yyyy", 
      language: "tr" 
     }); 
    }); 
</script>

缺點是你」重新定位更多元素（可能），但除非您的表單中有瘋狂的輸入數量，否則不應該有顯着差異。

來源

2013-08-17 06:09:01

感謝您的回答。我在我的代碼上做了一個更改，現在它正在工作。我張貼供進一步使用。

<script type="text/javascript"> 
    $(document).ready(function() { 
     var dp = $('#<%=DateTextbox.ClientID%>'); 
     dp.datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      format: "dd.mm.yyyy", 
      language: "tr" 
     }).on('changeDate', function (ev) { 
      $(this).blur(); 
      $(this).datepicker('hide'); 
     }); 
}); 
</script>

，但我不明白什麼讓和（「）之間之探源（'）？

來源

2013-08-18 13:01:46

帶Asp.Net的Bootstrap Datepicker Textbox

回答

相關問題