बूटस्ट्रैप डेटपिकर तिथि को जलाली दिनांक

Question

में कैसे बदलें मैं बूटस्ट्रैप दिनांक पिकर का उपयोग कर रहा हूं, लेकिन दुर्भाग्य से यह जलाली कैलेंडर का समर्थन नहीं करता है। मैंने Google के रूपांतरण के लिए खोज की, लेकिन मुझे कुछ भी उपयोगी नहीं मिला। इसलिए मुझे डेटपिकर को बदलने और इसे नीचे इस छवि की तरह अनुकूलित करने की आवश्यकता है।

Answer 1

डाउनलोड फ़ाइल ज़िप फारसी-datepicker फिर फ़ाइल ज़िप में कहा, नमूना कोड उपलब्ध है

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

तो एचटीएमएल कोड नमूना जोड़ा

<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

स्रोत कोड persian-datepicker में babakhani.github.io/PersianWebToolkit समर्थन datepicker & DateTimePicker & timepicker जलाली