个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
24
4
我想使用 Jquery 日期选择器来选择日期。我从 Keith-wood.name 下载文件.它有这么多的js文件和css文件。这让我很困惑。所以我设置了该页面中提到的 Jquery。但它不起作用。
这是我的代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="js/jquery-3.1.1.js"></script>
<link href="css/w3.css" rel="stylesheet" />
<script src="js/jquery.calendars.plus.min.js"></script>
<script src="js/jquery.calendars.islamic.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="txtHijriDate" runat="server"></asp:TextBox>
<script>
$('#txtHijriDate').calendarsPicker(
{
monthsToShow: [2, 3], showOtherMonths: true,
onSelect: function (date) { alert('You picked ' + date[0].formatDate()); }
});
$('#pickerButton').click(function () {
try {
var calendar = $.calendars.instance($('#pickerCal').val());
$('#defaultPicker').calendarsPicker('option', { calendar: calendar }).
calendarsPicker('showMonth', parseInt($('#pickerYear').val(), 10),
parseInt($('#pickerMonth').val(), 10));
}
catch (e) {
alert(e);
}
});
</script>
</form>
</body>
</html>
当我查看控制台时。
It throws error on
Cannot read property 'regionalOptions' of undefined jquery.calendars.plus.min.jsand
Cannot read property 'baseCalendar' of undefined jquery.calendars.islamic.min.js
最佳答案
我同意你的观点，关于 keith-wood.name 的文档有点复杂和困惑。
如果您查看 jQuery Calendars Datepicker 的使用部分页面，您将看到您需要导入以下文件:
jquery.min.js - jQuery 库jquery.calendars.jsjquery.calendars.plus.jsjquery.plugin.jsjquery.calendars.picker.jsjquery.calendars.picker.css(默认样式)如果你必须显示伊斯兰/回历，你必须添加 jquery.calendars.islamic.min.js 文件并添加 calendar: $.calendars.instance(' 选项。calendarsPicker 函数中的 islamic')
这里是一个工作示例:
$('#txtHijriDate').calendarsPicker({
calendar: $.calendars.instance('islamic'),
monthsToShow: [2, 3],
showOtherMonths: true,
onSelect: function (date) {
alert('You picked ' + date[0].formatDate());
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.plus.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.plugin.min.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.picker.js"></script>
<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.islamic.min.js"></script>
<link href="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/css/jquery.calendars.picker.css" rel="stylesheet"/>
<input type="text" id="txtHijriDate">补充说明:
如果您必须本地化您的伊斯兰日历，您可以添加 jquery.calendars.islamic-ar.js(阿拉伯语本地化)或 jquery.calendars.islamic-fa.js(波斯语/波斯语本地化)。
如果您需要自定义日期选择器的样式，请查看 this page 的布局/样式 选项卡，它展示了如何添加提供的主题之一(例如 redmond.calendars.picker.css)以及它们如何与 jQuery UI 主题一起工作。
关于javascript - 伊斯兰日期选择器日历必须添加哪些 JQuery 插件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43365393/
24
4
0
我想知道是否有一种简单的方法可以为网站制作自上而下的列表日历。我不想使用谷歌日历。我还希望日历像接下来的 5 个事件一样显示并隐藏其余事件，直到显示的 5 个事件已经发生。如果有办法用 jquery
我使用的是 Drupal 日历，它在除 IE7 之外的所有浏览器中都运行良好。在 IE7 中，不会呈现单个日历条目。 奇怪的是，如果页面加载缓慢，那么正确着色的表格单元格会出现然后消失。 这是我尝试过
我已经广泛使用了原型(prototype)，并且不想添加像 YUI 这样的额外框架。 我需要一个 JavaScript 日历，它使我能够逐个单元格地自定义日历单元格的呈现。 (用于渲染特定日期的事件、
通过 Google API 浏览器，我可以使用日历 ID 访问我的公共(public)日历事件列表。所以我知道这是对的 https://developers.google.com/google-app
我是 CakePHP 的新手，想使用这个框架创建一个日历。我遇到了困难，想知道是否有关于如何使用 CakePHP 创建简单日历的教程或指南？ 最佳答案 这里有两个链接:LINK1 (日历助手)和 LI
我正在寻找一个与 jquery week calendar 具有相同功能的 jquery 日历 我浏览了某些日历，但它们不包含jquery周日历的资源 这可能是一个愚蠢的问题，但我可以修改jquery
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以
我想问一下我是否可以将日历“移动”到页面的右侧？因为我意识到它只能显示在左手边。我真的不知道如何将它“移动”到右侧...我也不知道如何放入 css 来做到这一点。 这是制作日历的代码... //
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我正在构建一个月份列表，用作 JSP 中表格的标题。 我正在做的是比较我从数据库中获得的月份，并一直迭代或“尝试”到那个月。在这种情况下，月份是 11 月 问题是我只能从 2012 年 10 月到 2
我将开发一个支持多种语言的日历解决方案，但我不确定应该如何根据各个国家/地区的用户需要来管理和显示所有不同的假期信息？ 有没有地方提供世界假期信息，以便我可以解析和显示？如果没有，您会推荐更好的开发方
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
我试图让我的应用程序隐藏周末，我的日历存储在一个字符串中，然后打印到innerHTML。我该如何隐藏周六和周日。 我的日历打印如下: 周日周一周二周三周四周五周六 代码: calendarString
日历有可能从星期一开始吗？我在教程中找到了这个，但我的 JS 知识还不够。我改变了一些值但没有成功。 function Calendar(id, year, month) { var elem
我正在创建一个使用 iCal 格式日历的应用程序，很可能由 Google 存储在 Google 日历中。 实现这一目标的最佳方法是什么？我真的不想在 iOS 日历应用程序中导入我的日历。 我应该解决重
在应用程序中，我使用星期几来打开成就。 let date = Date() let dateFormatter = DateFormatter() dateFormatter.dateFormat =
我正在尝试在java中为日历对象设置自定义日期和时间。我必须创建一个比当前日期多 1 天的日期，并且时间应设置为“X”(例如 05:00:00)。 这是我到目前为止所做的: Calendar tomo
while (r.next()) { String rn = r.getString(3); String sqldate = r.getString(2); // database
我有一个日历，其中突出显示了一些日期 它工作得很好，直到我想突出显示 2013 年 3 月 31 日之后的日期。此后日期就正常显示。 有人知道为什么会这样吗？ 这是我用来突出显示日期的代码 //
关于报警管理器的问题我有这个代码 Calendar cal = Calendar.getInstance(); cal.add(Calendar.SECOND, 5); Intege
我是一名优秀的程序员,十分优秀！