Question

我有一个应用程序，我正在尝试为不同的日历实现keith-wood calendar-picker，我还在我的应用程序中添加了date.js。问题是由于某种原因，同一文件中的date.js和keith-wood一起工作。

这是代码。

$(document).ready(function() {
  // create jqxInput
  $("#input").jqxInput({
    placeHolder: "Enter a Country",
    height: 23,
    width: 350,
    minLength: 1
  });


  if (theme == "black" || theme == "darkblue" || theme == "shinyblack") {
    $("img")[0].src = "../../images/search_white_lg.png"
  }

  $("#input2").calendarsPicker({
    showTrigger: '#search',
    showOtherMonths: true,
    selectOtherMonths: true,
    calendar: $.calendars.instance('islamic', 'fa'),
    renderer: $.extend({}, $.calendarsPicker.defaultRenderer, {
      picker: $.calendarsPicker.defaultRenderer.picker.
      replace(/\{link:clear\}/, '').
      replace(/\{link:close\}/, ''),
      otherMonthClass: "classforOthersMonths"
    })

  });

});

<!DOCTYPE html>
<html lang="en">

<head>
  <title id='Description'>This sample illustrates how to add a button after jqxInput. The same approach can be used for adding content before, after, or on both sides of the jqxInput.</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <link href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" rel="stylesheet" />
  <script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
  <!-- keith wood calendar picker files -->
  <script type="text/javascript" src="js/jquery.calendars.js"></script>
  <script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
  <script type="text/javascript" src="js/jquery.plugin.js"></script>
  <script type="text/javascript" src="js/jquery.calendars.picker.js"></script>
  <script src="js/jquery.calendars.islamic.js"></script>
  <!--  -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/smoothness.calendars.picker.css">

  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,600,700">


</head>

<body class='default'>
  <div id='content'>
    <div id="input">
      <input id="input2" type="text" />
      <div id="search"><img alt="search" width="16" height="16" src="../../images/search_lg.png" /></div>
    </div>
  </div>
</body>

</html>

这是我收到的错误消息

Uncaught TypeError: year.calendar is not a function

在keith-wood日历中，year是一个对象类型，在date.js year是一个整数。有没有解决这个问题的工作？

Keith-wood calendar picker

PS：keith-wood日历选择器没有cdn所以我不能在这里展示。我无法从我的应用程序中删除date.js。

date.js与基思木日历选择器冲突

0 个答案: