2017-09-30 5 views
0

Ich muss Datepicker für Hijri Datum einrichten. Ich kann jquery Datepicker oder Bootstrap Datepicker verwenden. jedoch habe ich diesen Code Wie hijri datepicker von jquery datepicker oder bootstrap datepicker einrichten?

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

aber nicht funktionieren. Ich sehe Zahlweb site, die datepicker georgisches Datum hat, aber Tage Name ist arabisch. Ich muss Tage Name ist arabisch und datepicker Datum sind hijri zusammen.

Hinweis: Nach dem ausgewählten Datum sollte der Datumsauswahlpunkt mit dem Hijri-Datum gefüllt werden.

Wie geht das? enter image description here enter image description here

Antwort

0

Verwenden Sie einfach language Option statt regional (siehe unten Snippet).

$.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>

Zum angezeigten Datumsformat datepicker format eingestellt ändern.

+0

OK Datepicker Anzeige Text in arabischer Sprache, aber ich muss Hijri Datum bekommen. Jetzt können wir georgisches Datum bekommen !!!! – programmer138200

+1

@ programmer138200, verwenden Sie die Option [format] (https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format). – Alexander

+0

OK Format Option kann Datum formatieren und ich kann georgische Datum zu jalali Datum konvertieren, aber datepicker ist georgischen noch. Der datepicker sollte jalali sein – programmer138200