Question

我正在使用bootstrap，我需要伊斯兰日期日期选择器，我试过但它没有用。请帮助。

    <link href="CSS/bootstrap-combined.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" media="screen" href="CSS/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
    $('#datetimepicker').datetimepicker({
        format: 'dd/MM/yyyy',
        language: 'ar-LB'
    });
    $('#datetimepicker').datepicker({ language: "ar-LB" });
</script>

 <div id="datetimepicker" class="input-append date">
    <input type="text"></input>
    <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

Answer 1

编辑：以下解决方案不提供实施Hijri日历的指示，而是将公历日历翻译成阿拉伯语。这不会回答OP问题，但我将其留在这里，因为它可能对其他人有用。

这是a list of all languages for the bootstrap datetimepicker。如你所见，阿拉伯语不存在。所以我抓住了Arabic language for the jQuery datetimepicker并为bootstrap创建了新语言：

;(function($){
    $.fn.datetimepicker.dates['ar'] = {
        days: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت', 'الأحد'],
        daysShort: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت', 'الأحد'],
        daysMin: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت', 'الأحد'],
        months: ['محرّم', 'صفر', 'ربيع الأول', 'ربيع الآخر أو ربيع الثاني', 'جمادى الاول', 'جمادى الآخر أو جمادى الثاني', 'رجب', 'شعبان', 'رمضان', 'شوّال', 'ذو القعدة', 'ذو الحجة'],
        monthsShort: ['محرّم', 'صفر', 'ربيع الأول', 'ربيع الآخر أو ربيع الثاني', 'جمادى الاول', 'جمادى الآخر أو جمادى الثاني', 'رجب', 'شعبان', 'رمضان', 'شوّال', 'ذو القعدة', 'ذو الحجة'],
        today: ""
    };
}(jQuery));

之后，我们可以使用'ar'语言：

$('#datetimepicker-ar').datetimepicker({
    format: 'dd/MM/yyyy',
    language: 'ar'
});

See this JS Fiddle

请注意：我不会说或读阿拉伯语，所以我不确定一切是否正确。出于某种原因，bootstrap似乎在星期几中包含星期日两次的名称，所以我只是用阿拉伯语复制了第一天并将其添加为第八个元素。使用前请检查是否正确！另外，在我使用的文件中没有'today'的翻译，所以我把它留空了。你必须自己找到它。

Answer 2

在引导程序中不支持Hijri日历。您将不得不恢复到标准的jQuery datetimepicker或其他库。

See here for different jQuery Calendars

C＃中的Hijri引导程序DatePicker

2 个答案: