我正在尝试为伊斯兰日期创建一个jQuery datepicker。但是我缺乏jQuery的知识。关于如何连接选择器并将其显示在文本字段中的任何帮助？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="js/jquery.calendars.js"></script>
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
<script>
(function ($) {
$.calendars.calendars.ummalqura.prototype.regionalOptions['ar'] = {
name: 'UmmAlQura', // The calendar name
epochs: ['BAM', 'AM'],
monthNames: ['المحرّم', 'صفر', 'ربيع الأول', 'ربيع الثاني', 'جمادى الاول', 'جمادى الآخر', 'رجب', 'شعبان', 'رمضان', 'شوّال', 'ذو القعدة', 'ذو الحجة'],
monthNamesShort: ['المحرّم', 'صفر', 'ربيع الأول', 'ربيع الثاني', 'جمادى الاول', 'جمادى الآخر', 'رجب', 'شعبان', 'رمضان', 'شوّال', 'ذو القعدة', 'ذو الحجة'],
dayNames: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
dayNamesMin: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
dayNamesShort: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
digits: $.calendars.substituteDigits(['٠', '١', '٢', '٣', '٤', '٥', '٦', '٧', '٨', '٩']),
dateFormat: 'yyyy/mm/dd', // See format options on BaseCalendar.formatDate
firstDay: 6, // The first day of the week, Sat = 0, Sun = 1, ...
isRTL: true // True if right-to-left language, false if left-to-right
};
})(jQuery);
/*
$(function() {
$( "#datepicker" ).datepicker();
});*/
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
最佳答案
我必须道歉，因为我的回答可能不是最好的质量（我没有伊斯兰日期的经验，但出于防御目的，我有将jQueryUI.datepicker本地化为俄罗斯日历的经验）
所以这里是：
首先，请访问此页面：
http://jqueryui.com/datepicker/#localization
从“从弹出窗口或嵌入式日历中选择日期”字词附近的下拉列表中，选择“阿拉伯语”。如果它提供的即装即用功能可以满足您的目标-那么也许我可以给出一些如何安装它的说明。 ^ _ ^如果伊斯兰日期需要更多的调整和复杂的规则-那么我的答案将毫无用处。
要执行您要求的操作，必须按以下顺序在页面中连接那里的库：
jQuery的
jQuertUI
http://jqueryui.com/resources/demos/datepicker/datepicker-ar.js
（您可以点击链接并观看其内容以进行学习和调整）
之后，您可以使用阿拉伯语本地化。您在离开计算机的地方调用它
/*
$(function() {
$( "#datepicker" ).datepicker();
});*/
您可以这样进行：
$(function() {
$( "#datepicker" ).datepicker( $.datepicker.regional[ "ar" ] );
});
#datepicker-是对您的引用
<input type="text" id="datepicker">
这意味着“具有id =“ datepicker的Dom元素”“
应该是这样。