jQuery日期选择器未显示

时间:2015-10-02 09:18:15

标签: javascript c# jquery asp.net datepicker

我正在尝试使用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数据选择器的过程吗?

2 个答案:

答案 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" />