Question

我正在尝试为伊斯兰日期创建一个jquery日期选择器。但我缺乏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>

Answer 1

我必须道歉，因为我的回答可能不是最好的质量（我没有伊斯兰日期的经验，但在我的辩护中 - 我有将jQueryUI.datepicker本地化到俄罗斯日历的经验）

所以这是：

首先，请访问此页面： http://jqueryui.com/datepicker/#localization

从单词附近的下拉列表中选择弹出式或内嵌日历中的日期＆＃39; - 选择阿拉伯语＆＃39;。如果它提供的开箱即用的功能对您的目标是可行的 - 那么也许我可以给出一些如何安装它的说明。 ^ _ ^如果伊斯兰日期需要更多的调整和复杂的规则 - 那么我的回答将毫无用处。

要做你所要求的，你必须按照以下顺序连接页面中的库：

的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">

这意味着＆＃34;具有id =＆＃34; datepicker＆＃34;＆＃34;

应该是它。

创建一个hijri datepicker

1 个答案: