jQuery日期选择器没有出现 [英] jQuery date picker is not appearing

问题描述

I am trying to add a jQuery datepicker in my asp.net web application with c#. So in the master page i have added these links and script.

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


In my default aspx page i have added these codes.

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

But still Datepicker is not getting displayed.

Do i need to add any other external links? Is there any other process where i can add the jQuery dat picker?

推荐答案

（＃datepicker）。datepicker（{dateFormat： 'DD-MM-YY'}）;

< / script >
< div >
< b > 日期：< / b >
< asp：日历 ID = Calendar1 runat = server > < / asp：日历 >

< / div >
< div 类 = some_datepicker id = datepicker >

< / div >

但仍未显示Datepicker。

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

("#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> But still Datepicker is not getting displayed. Do i need to add any other external links? Is there any other process where i can add the jQuery dat picker?

由于datepicker本地化设置，您收到错误。这是说 jQueryDatepicker 没有定义所以它没有正确加载。请尝试使用以下代码：

You are getting error due to datepicker localization setting. It is saying jQueryDatepicker is not defined so it is not loading properly. Please try with below code:

.datepicker.regional [' it'] = {
closeText：' Chiudi'， // 设置关闭按钮文本
currentText ：' Oggi'， // < span class =code-comment>今天设置文本
monthNames：[' Gennaio' ，' Febbraio'，' Marzo'，' Aprile' ，' Maggio'，' Giugno'，' Luglio'，' Agosto'，' Settembre'，' Ottobre'， ' Novembre'，' Dicembre']， // 设置月份名称
monthNamesShort：[' Gen'，' Feb'，' Mar'，' Apr'，' Mag' ，' Giu'，' Lug'，' Ago'，' 设置'，' Ott'，' 11月'，' Dic']， // 设置短月份名称
dayNames：[< span class =code-string>' Domenica'，' Lunedì'，' Martedì'，' Mercoledì'，' Giovedì'，' Venerdì'，' Sabato']，< span class =code-comment> // 设置天数
dayNamesShort：[' Dom'，' Lun'，' Mar'，' Mer'，' Gio'，< span class =code-string>' Ven'，' Sab']， // 设置短日期名称
dayNamesMin：[' Do'，' Lu'，' Ma'，' 我'，' Gio'， ' Ve'，' Sa']， // 设置更多短日期名称
dateFormat：' dd / mm / yy' // 设置格式日期
};

.datepicker.regional['it'] = { closeText: 'Chiudi', // set a close button text currentText: 'Oggi', // set today text monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno', 'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], // set month names monthNamesShort:['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic'], // set short month names dayNames: ['Domenica','Lunedì','Martedì','Mercoledì','Giovedì','Venerdì','Sabato'], // set days names dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'], // set short day names dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'], // set more short days names dateFormat: 'dd/mm/yy' // set format date };

这篇关于jQuery日期选择器没有出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！