简体   繁体   中英

cldr persian date in devextreme dxdatebox

i am using dxdatebox in devextreme . after asking i finally implemented german calender in dxdatebox. now i want hav a persian calender and i have already try this:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DevExtreme Sample</title>
    <link rel="stylesheet" type="text/css" href="~/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="~/css/dx.light.css" />

    <script type="text/javascript" src="~/js/jquery-2.2.3.min.js"></script></script>
    <script type="text/javascript" src="~/js/cldr.min.js"></script>
    <script type="text/javascript" src="~/js/cldr/event.min.js"></script>
    <script type="text/javascript" src="~/js/cldr/supplemental.min.js"></script>
    <script type="text/javascript" src="~/js/globalize.min.js"></script>
    <script type="text/javascript" src="~/js/globalize/message.min.js"></script>
    <script type="text/javascript" src="~/js/globalize/number.min.js"></script>
    <script type="text/javascript" src="~/js/globalize/currency.min.js"></script>
    <script type="text/javascript" src="~/js/globalize/date.min.js"></script>
    <script type="text/javascript" src="~/js/dx.all.js"></script>

    @*<script type="text/javascript" src="~/js/localization/dx.all.de.js"></script>*@

</head>

<body>
    <div id="btnContainer"></div>
    <div id="dateContainer"></div>
    <script>

        $.when(
              $.getJSON("../cldr/main/fa/ca-persian.json"),
              $.getJSON("../cldr/main/fa/numbers.json"),
              $.getJSON("../cldr/main/fa/currencies.json"),
              $.getJSON("../cldr/supplemental/likelySubtags.json"),
              $.getJSON("../cldr/supplemental/timeData.json"),
              $.getJSON("../cldr/supplemental/weekData.json"),
              $.getJSON("../cldr/supplemental/currencyData.json"),
              $.getJSON("../cldr/supplemental/numberingSystems.json")
            ).then(function () {
                return [].slice.apply(arguments, [0]).map(function (result) {
                    return result[0];
                });
            }).then(
                Globalize.load
            ).then(function () {

                Globalize.locale('fa');
                $('#dateContainer').dxDateBox({
                    value: new Date(),   
                });
            });
    </script>

</body>
</html>

but in console i got this error : Unsupported {"feature":"Julian day pattern g "}.

how can i convert gregorian calender to julian calender?

no idea about your framework, but more generally

With this: https://github.com/kbwood/calendars you can do like:

var d = $.calendars.newDate(1385, 6, 2, 'persian', 'fa');
console.log("Persian date: "+d.toLocaleString());
var e = d.toJSDate();
console.log(e);

You cant use globalize.js, Since its not supporting fa-IR locale. You have to switch to INTL method: https://js.devexpress.com/Documentation/Guide/Common/Localization/#Localize_Dates_Numbers_and_Currencies/Using_Intl

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM