2017-06-14 48 views
0

是使用JavaScript越來越Hijiri日期,但我想用angularJS寫Hijiri日期, 我想爲hijiri日期如何在HTML中使用角JS來獲得Hijiri日期選取器

這個創造的角度指令是javascript代碼上午使用得到Hijiri日期,如何將其轉換爲角度,創造指令

<script type="text/javascript"> 

    var cal1 = new Calendar(), 
    cal2 = new Calendar(true, 0, false, true), 
    date1 = document.getElementById('date-1'), 
    date2 = document.getElementById('date-2'), 
    cal1Mode = cal1.isHijriMode(), 
    cal2Mode = cal2.isHijriMode(); 

    document.getElementById('cal-1').appendChild(cal1.getElement()); 
    document.getElementById('cal-2').appendChild(cal2.getElement()); 
    cal1.hide(); 
    cal2.hide(); 
    setDateFields(); 

    cal1.callback = function() { 
     if (cal1Mode !== cal1.isHijriMode()) { 
      cal2.disableCallback(true); 
      cal2.changeDateMode(); 
      cal2.disableCallback(false); 
      cal1Mode = cal1.isHijriMode(); 
      cal2Mode = cal2.isHijriMode(); 
     } 
     else 
      cal2.setTime(cal1.getTime()); 
     setDateFields(); 
    }; 

    cal2.callback = function() { 
     if (cal2Mode !== cal2.isHijriMode()) { 
      cal1.disableCallback(true); 
      cal1.changeDateMode(); 
      cal1.disableCallback(false); 
      cal1Mode = cal1.isHijriMode(); 
      cal2Mode = cal2.isHijriMode(); 
     } 
     else 
      cal1.setTime(cal2.getTime()); 
     setDateFields(); 
    }; 

    function setDateFields() { 
     date1.value = cal1.getDate().getDateString(); 
     date2.value = cal2.getDate().getDateString(); 
    } 

    function showCal1() { 
     if (cal1.isHidden()) cal1.show(); 
     else cal1.hide(); 
    } 

    function showCal2() { 
     if (cal2.isHidden()) cal2.show(); 
     else cal2.hide(); 
    } 

</script> 

HTML

<input type="text" class="form-control" maxlength="10" ng-model="EmployeeSave.HijriDate" onclick="showCal2();" id="date-2" /> 
+0

只是FYI:使用基思木日曆選擇了回曆比做得這種方式更容易。 –

回答

0

您可以使用moment-hijrihttps://github.com/xsoh/moment-hijri)與您正在做的相比,它簡單易行。

npm install moment-hijri 

,並用它喜歡:

var moment = require('moment-hijri'); 
moment().format('iYYYY/iM/iD'); 
相關問題