logo标签列表

如何将Bootstrap日期选择器的日期更改为Jalali日期

twitter-bootstrap-3datepickerdatetimepicker
15

我正在使用Bootstrap日期选择器，但不幸的是它不支持伊朗太阳历。我在谷歌上搜寻了一下如何转换，但没找到有用的信息。因此，我需要更改日期选择器并按照下面的图片进行定制。

输入图像描述

1
使用bootstrap-jalali-datepicker并根据需要进行编辑。 - osyan
2个回答
11

下载波斯日期选择器的zip文件，请访问波斯日期选择器，然后在zip文件中添加示例代码。

<script type="text/javascript" src="../lib/jquery.js"></script>
<link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.min.js"></script>
<link href="css/persian-datepicker-0.4.5.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../lib/persian-date.js"></script>
<script type="text/javascript" src="js/persian-datepicker-0.4.5.min.js"></script>

然后添加了HTML代码示例

<div class="form-group col-xs-6">
<label>Select Date</label>
<input id="observer" type="text" class="form-control"/>
</div>

<div class="form-group col-xs-6">
<div id="inlineDatepicker" data-date="2016/12/13 12:20" class="col-xs-12">   </div> 
<div class="col-xs-12">
    <input id="inlineDatepickerAlt" type="text" class="form-control"/>
</div>

然后添加了jQuery脚本

 <script type="text/javascript">
 $(document).ready(function () {    
    $("#observer").persianDatepicker({
        altField: '#observer',
        altFormat: "YYYY MM DD HH:mm:ss",
        observer: true,
        format: 'YYYY/MM/DD HH:mm:ss',
        timePicker: {
            enabled: true
        },
    });


    //inline datepicker
    $("#observer").css( "z-index", "1000" );
    window.pd = $("#inlineDatepicker").persianDatepicker({
        timePicker: {
            enabled: true
        },
        altField: '#inlineDatepickerAlt',
        altFormat: "YYYY/MM/DD HH:mm",

        checkDate: function (unix) {
            var output = true;
            var d = new persianDate(unix);
            if (d.date() == 20) {
                output = false;
            }
            return output;
        },
        checkMonth: function (month) {
            var output = true;
            if (month == 1) {
                output = false;
            }
            return output;

        }, checkYear: function (year) {
            var output = true;
            if (year == 1396) {
                output = false;
            }
            return output;
        }

    }).data('datepicker');
    $("#inlineDatepicker").pDatepicker("setDate", [1391, 12, 1, 11, 14]);

}); 
</script>

如果时间不愿意，那就是 jQuery。

$("#observer").persianDatepicker({
        altField: '#observer',
        altFormat: "YYYY MM DD",
        observer: true,
        format: 'YYYY/MM/DD',
    });
那么如何从中获取公历或时间戳？ - DolDurma
嗨，非常感謝DatetimePicker。但是我們怎樣能將波斯數字轉換為英文數字呢？因為波斯數字的關係，所以選取的日期並不能在我的項目中正常工作。 - Reza Nabiloo
6
6
仅提供链接并不是一个答案。请放置一些代码或者更详细的解释来扩展您的回答。 - slava
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接