Jak zmienić datę datepicker bootstrap na datę jalali

Question

Używam wyboru daty początkowej, ale niestety nie obsługuje kalendarza jalali. Szukałem google do konwersji, ale nie znalazłem nic przydatnego. Więc muszę zmienić datepicker i dostosować go jak ten obrazek poniżej.

Answer 1

pobierz plik zip perski-datepicker w persian-datepicker dodaje w pliku zip, Przykładowy kod jest dostępna

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

następnie html przykładowy kod dodaje

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

następnie skrypt jquery dodaje

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

Jeśli czas nie chciał jest jquery

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

Answer 2

zobaczyć persian date

kod źródłowy babakhani.github.io/PersianWebToolkit wsparcie datepicker & DateTimePicker & timepicker Jalali