Come modificare la data di bootstrap datepicker in data jalali

Question

Sto usando il selettore di date di bootstrap, ma sfortunatamente non supporta il calendario jalali. Ho cercato su google per la conversione di esso, ma non ho trovato nulla di utile. Quindi ho bisogno di cambiare il DatePicker e personalizzarlo come questa immagine qui sotto.

Answer 1

scaricare file zip persiano-datepicker in persian-datepicker poi aggiunto nel file zip, il codice campione è disponibile

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

esempio di codice quindi html aggiunto

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

poi lo script jquery aggiunto

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

Se il tempo non ha voluto è jquery

$("#observer").persianDatepicker({ 
     altField: '#observer', 
     altFormat: "YYYY MM DD", 
     observer: true, 
     format: 'YYYY/MM/DD', 
    }); 

Answer 2

vedere persian date

codice sorgente babakhani.github.io/PersianWebToolkit supporto datepicker & datetimepicker & TimePicker Jalali