如何在HTML中使用Angular Js获取Hijiri Date Picker

Question

我使用javascript获取Hijiri date，但我想使用angularJS编写Hijiri date，我想为该hijiri date创建angular指令

这是我用来获取Hijiri日期的javascript代码，如何将其转换为angular并创建指令

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

Answer 1

你可以使用moment-hijri (https://github.com/xsoh/moment-hijri)，与你正在做的事情相比，它是简单和容易的。

npm install moment-hijri

并像这样使用它：

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