Javascript jQuery日期选择器未出现

我正在尝试使用c#在我的asp.net web应用程序中添加jQuery日期选择器。因此，在母版页中，我添加了这些链接和脚本

 <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>

//本地化
jQueryDatepicker.day_names_short={
1:‘星期一’，
2:‘星期二’，
3:‘星期三’，
4:‘Thu’，
5:‘星期五’，
6:‘星期六’，
7:‘太阳’
};
jQueryDatepicker.day_名称={
1:"星期一",，
二:"星期二",，
3:"星期三",，
四:"星期四",，
五:"星期五",，
6:‘星期六’，
7:‘星期日’
};
jQueryDatepicker.month_名称={
1:‘一月’，
二:"二月",，
三:"三月",，
四:"四月",，
5:‘五月’，
6:‘六月’，
7:‘七月’，
8:"八月",，
9:‘九月’，
10:‘十月’，
11:‘11月’，
12:‘12月’
};
$（“#datepicker”）.datepicker（{dateFormat:'dd-mm-yy'}）；
日期：

但仍然没有显示日期选择器

我需要添加任何其他外部链接吗？是否还有其他进程可以添加jQuery dat选择器

$(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中元素可用之前执行。

不确定jQueryDatepicker.day\u names\u 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" />

$（文档）.ready（函数（）{
$（“#”）日期选择器（{dateFormat:'dd-mm-yy'}）；
});

您是否收到任何console.log错误？你百分之百地肯定，当你调用日期选择器时，它是存在的吗？您可以通过console.log（$（'#datepicker'））进行检查；看起来像是

$（“#日期选择器”）

返回空集，您的目标元素不在DOM中。将代码包装在

$（document）.ready（function（）{….}）中或在解析HTML后设置它。我没有任何类型的错误。将它放在
$（document.ready）中（function（）{--此处的代码--}）希望有帮助。不，@PradeepSekar，还是一样