我正在尝试使用c#在我的asp.net Web应用程序中添加一个jQuery datepicker。所以在母版页中我添加了这些链接和脚本。
<link type="text/css" href="Styles/jquery.datepicker.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.datepicker.js"></script>
在我的默认aspx页面中,我添加了这些代码。
<script type="text/javascript">
// Localization
jQueryDatepicker.day_names_short = {
1: 'Mon',
2: 'Tue',
3: 'Wed',
4: 'Thu',
5: 'Fri',
6: 'Sat',
7: 'Sun'
};
jQueryDatepicker.day_names = {
1: 'Monday',
2: 'Tuesday',
3: 'Wednesday',
4: 'Thursday',
5: 'Friday',
6: 'Saturday',
7: 'Sunday'
};
jQueryDatepicker.month_names = {
1: 'January',
2: 'February',
3: 'March',
4: 'ApriL',
5: 'May',
6: 'June',
7: 'July',
8: 'AUgust',
9: 'September',
10: 'October',
11: 'November',
12: 'December'
};
$("#datepicker").datepicker({dateFormat:'dd-mm-yy'});
</script>
<div>
<b>Date:</b>
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</div>
<div class="some_datepicker" id="datepicker">
</div>
但仍未显示Datepicker。
我是否需要添加任何其他外部链接?还有其他任何我可以添加jQuery数据选择器的过程吗?
答案 0 :(得分:0)
$(document).ready(function(){
jQueryDatepicker.day_names_short = {
1: 'Mon',
2: 'Tue',
3: 'Wed',
4: 'Thu',
5: 'Fri',
6: 'Sat',
7: 'Sun'
};
jQueryDatepicker.day_names = {
1: 'Monday',
2: 'Tuesday',
3: 'Wednesday',
4: 'Thursday',
5: 'Friday',
6: 'Saturday',
7: 'Sunday'
};
jQueryDatepicker.month_names = {
1: 'January',
2: 'February',
3: 'March',
4: 'ApriL',
5: 'May',
6: 'June',
7: 'July',
8: 'AUgust',
9: 'September',
10: 'October',
11: 'November',
12: 'December'
};
$("#datepicker").datepicker({dateFormat:'dd-mm-yy'});
});
使用它。您的当前JS代码在DOM中元素可用之前执行。
答案 1 :(得分:0)
不确定jQueryDatepicker.day_names_short
等是什么?它不是我的JQuery库识别的对象。
你有一个ASP日历控件,但是你试图让JQuery日历与div
一起工作?
这是一个可以帮助你的可行示例:
<script type="text/javascript">
$(document).ready(function () {
$("#<%=DatePickerTextBox.ClientID%>").datepicker({ dateFormat: 'dd-mm-yy' });
});
</script>
<asp:TextBox ID="DatePickerTextBox" runat="server" />