2017-09-30 17 views
0

hijri dateの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の日付が一緒にhijriである必要があります。

注:選択した日付の後、日付ピッカーは日時によって記入する必要があります。

これを行う方法? enter image description here enter image description here

答えて

0

ジャスト(以下スニペットを参照)の代わりにregionallanguageオプションを使用します。

$.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を設定し表示される日付の書式を変更します。

+0

datepickerはアラビア語でテキストを表示しますが、ハイジュリ日付を取得する必要があります。今すぐグルジアのデートを得ることができます!!!! – programmer138200

+1

@ programmer138200、[format](https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format)オプションを使用してください。 – Alexander

+0

ok形式オプションで日付をフォーマットすることができます。ジョージア語の日付をjalaliの日付に変換できますが、datepickerはまだジョージア語です。datepickerはjalaliである必要があります – programmer138200

関連する問題