Javascript Jquery datepicker无法在文本字段上聚焦_Javascript_Jquery_Datepicker

Javascript Jquery datepicker无法在文本字段上聚焦

javascript jquery

Javascript Jquery datepicker无法在文本字段上聚焦,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我正试图在Jquery中创建一个示例datepicker，但是我没有成功，在哪里出了问题，有什么帮助吗我有两个文件： html: 这是我试图重新创建的示例：当仅引用jquery 1.10.2时，我得到以下错误：您正在加载两个版本的jQuery。不要这样做，或者使用jQuery.noConflict（）来解决这些问题。@Barmar当我只加载一个版本时，它也不工作。看起来jQuery UI可能没有正确加载。您是否尝试将脚本放在正文的末尾？@daB0bby是相同的结果 <!doctyp

我正试图在Jquery中创建一个示例datepicker，但是我没有成功，在哪里出了问题，有什么帮助吗

我有两个文件： html:

这是我试图重新创建的示例：

当仅引用jquery 1.10.2时，我得到以下错误：

您正在加载两个版本的jQuery。不要这样做，或者使用

jQuery.noConflict（）

来解决这些问题。@Barmar当我只加载一个版本时，它也不工作。看起来jQuery UI可能没有正确加载。您是否尝试将脚本放在正文的末尾？@daB0bby是相同的结果

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script src="datepicker-ar.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker( $.datepicker.regional[ "ar" ] );
    $( "#locale" ).change(function() {
      $( "#datepicker" ).datepicker( "option",
        $.datepicker.regional[ $( this ).val() ] );
    });
  });
  </script>

</head>
<body>

<p>Date: <input type="text" id="datepicker">&nbsp;
  <select id="locale">
    <option value="ar">Arabic (&#8235;(&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</option>
    <option value="">English</option>
  </select></p>


</body>
</html>

/* Arabic Translation for jQuery UI date picker plugin. */
/* Used in most of Arab countries, primarily in Bahrain, Kuwait, Oman, Qatar, Saudi Arabia and the United Arab Emirates, Egypt, Sudan and Yemen. */
/* Written by Mohammed Alshehri -- m@dralshehri.com */

( function( factory ) {
    if ( typeof define === "function" && define.amd ) {

        // AMD. Register as an anonymous module.
        define( [ "../widgets/datepicker" ], factory );
    } else {

        // Browser globals
        factory( jQuery.datepicker );
    }
}( function( datepicker ) {

datepicker.regional.ar = {
    closeText: "إغلاق",
    prevText: "&#x3C;السابق",
    nextText: "التالي&#x3E;",
    currentText: "اليوم",
    monthNames: [ "يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو",
    "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر" ],
    monthNamesShort: [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12" ],
    dayNames: [ "الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت" ],
    dayNamesShort: [ "أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت" ],
    dayNamesMin: [ "ح", "ن", "ث", "ر", "خ", "ج", "س" ],
    weekHeader: "أسبوع",
    dateFormat: "dd/mm/yy",
    firstDay: 0,
        isRTL: true,
    showMonthAfterYear: false,
    yearSuffix: "" };
datepicker.setDefaults( datepicker.regional.ar );

return datepicker.regional.ar;

} ) );