gpt4 book ai didi

javascript - 伊斯兰日期选择器日历必须添加哪些 JQuery 插件?

转载 作者:可可西里 更新时间:2023-11-01 02:06:35 24 4
gpt4 key购买 nike

我想使用 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.js and

Cannot read property 'baseCalendar' of undefined jquery.calendars.islamic.min.js

最佳答案

我同意你的观点,关于 keith-wood.name 的文档有点复杂和困惑。

如果您查看 jQuery Calendars Datepicker使用部分页面,您将看到您需要导入以下文件:

  • jquery.min.js - jQuery 库
  • jquery.calendars.js
  • jquery.calendars.plus.js
  • jquery.plugin.js
  • jquery.calendars.picker.js
  • jquery.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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com