如何将引导日期选择器日期更改为jalali日期

Question

我正在使用引导日期选择器，但不幸的是它不支持jalali日历。我在谷歌搜索它的转换，但我没有发现任何有用的东西。所以我需要更改日期选择器并将其定制为如下图所示。

Answer 1

下载文件ZIP波斯日期选择在persian-datepicker 然后在文件的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', 
    }); 

Answer 2

看到persian date

源代码babakhani.github.io/PersianWebToolkit 支持日期选择器&的DateTimePicker & timepicker贾拉利