[英]How I can use JQuery Datepicker with a Icon and a Format in ASP.NET
我想在我的Textbox中使用jQuery。 我想使用格式為yyyy-mm-dd
的Datepicker和一個Icon。
<script>
$( "#txtVon" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
</script>
<asp:TextBox ID="txtVon" runat="server"></asp:TextBox>
我怎樣才能做到這一點?
使用ASP.NET WebForms時,最好在引用元素時使用類而不是ID ,因為呈現的ID將不同:
<script>
$(".txtVon").datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
</script>
<asp:TextBox ID="txtVon" runat="server" class="txtVon"></asp:TextBox>
嘗試:
<script type="text/javascript">
$(document).ready(function() {
$("#txtVon.ClientID").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/ui-icon-calendar.png' });
});
</script>
不要忘記包含js
文件。
確保以下文件可用。
jquery-1.5.1.min.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.datepicker.js
jquery-ui-1.8.14.custom.css
HTML代碼
<script>
$( "#txtVon" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
dateFormat: 'yyyy-mm-dd'
});
</script>
Date: <asp:TextBox ID="txtVon" runat="server" CssClass="txtVon" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.