0

我正在使用引导程序，我需要伊斯兰日期日期选择器，我试过了，但没有用。请提供任何帮助。

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

2 回答 2

0

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

这是引导程序 datetimepicker 的所有语言的列表。如您所见，阿拉伯语不存在。所以我为 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'
});

看到这个 JS Fiddle

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

于 2014-08-14T06:30:45.170 回答
0

bootstrap 中不支持回历日历。您将不得不恢复到标准的 jQuery datetimepicker 或其他库。

在这里查看不同的 jQuery 日历

于 2014-08-14T07:37:44.837 回答