如何通过jquery datepicker或bootstrap datepicker设置hijri datepicker？

问题描述：

我需要为hijri date.I设置datepicker，我可以使用jquery datepicker或bootstrap datepicker。然而我写了这段代码如何通过jquery datepicker或bootstrap datepicker设置hijri datepicker？

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet" /> 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" 
      integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" 
      crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script> 
</head> 
<body style="background:#ddd"> 
    <input type="text" id="datepicker" name="name" /> 
    <script>  
     ; (function ($) { 
      $.fn.datepicker.dates['ar'] = { 
       days: ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت", "الأحد"], 
       daysShort: ["أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت", "أحد"], 
       daysMin: ["ح", "ن", "ث", "ع", "خ", "ج", "س", "ح"], 
       months: ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"], 
       monthsShort: ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"], 
       today: "هذا اليوم", 
       rtl: true 
      }; 
     }(jQuery)); 
     $('#datepicker').datepicker({ 
      'regional':'ar' 
     }); 
    </script> 
</body> 
</html>

但是不工作。我看到datepicker有格鲁吉亚日期的号码网站，但天名是阿拉伯语。我需要天名称是阿拉伯文和datepicker日期是hijri在一起。

注意：选择日期后，datepicker应填入hijri日期。

如何做到这一点？

答

只需使用language选项，而不是regional（见下面的代码片段）。

$.fn.datepicker.dates['ar'] = { 
 
       days: ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت", "الأحد"], 
 
       daysShort: ["أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت", "أحد"], 
 
       daysMin: ["ح", "ن", "ث", "ع", "خ", "ج", "س", "ح"], 
 
       months: ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"], 
 
       monthsShort: ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"], 
 
       today: "هذا اليوم", 
 
       rtl: true 
 
      }; 
 
$('.datepicker').datepicker({ 
 
    language:'ar', 
 
    format: 'yyyy, MM dd' 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" /> 
 

 
<div class="input-group date"> 
 
    <input type="text" class="form-control datepicker"> 
 
    <div class="input-group-addon"> 
 
     <span class="glyphicon glyphicon-th"></span> 
 
    </div> 
 
</div>

要更改显示的日期格式设置日期选择器format。

确定datepicker显示阿拉伯语言的文本，但我需要获得回教日期。现在我们可以得到格鲁吉亚约会！ – programmer138200

@ programmer138200，使用[format]（https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format）选项。 – Alexander

ok格式选项可以格式化日期，我可以将格鲁吉亚日期转换为jalali日期，但datepicker是格鲁吉亚尚未。datepicker应该是jalali – programmer138200

如何通过jquery datepicker或bootstrap datepicker设置hijri datepicker？

相关推荐