Change Bootstrap DatePicker language in ASP.Net

rakibxl

SOLVED CLOSED ACTIVE ANSWERED
User: rakibxl
Posted: on Oct 29, 2018 05:06 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 7884
Sample Code: Download

When i have debugged i have got below message

"ReferenceError: language is not defined at eval (eval at <anonymous> (https://localhost:44300/Pages/Osm/OsmMtgList.aspx?IDBlobItem=&UrlRandom=&IDReport=&IDCustomer=&IDStartBoard=3548:6:13), <anonymous>:1:1) at HTMLDocument.<anonymous> (https://localhost:44300/Pages/Osm/OsmMtgList.aspx?IDBlobItem=&UrlRandom=&IDReport=&IDCustomer=&IDStartBoard=3548:577:13) at fire (https://localhost:44300/Scripts/jquery-1.9.1.js:1037:30) at Object.fireWith [as resolveWith] (https://localhost:44300/Scripts/jquery-1.9.1.js:1148:7) at Function.ready (https://localhost:44300/Scripts/jquery-1.9.1.js:433:13) at HTMLDocument.completed (https://localhost:44300/Scripts/jquery-1.9.1.js:103:11)"

$("#txtDate").datepicker({
language: '<%= DirectCast(Session("Login"), Umbro.Data.Models.Login).CultureInfo.ToString.Substring(0, 2)%>',--this line
autoclose: true,
todayHighlight: true,
orientation: 'bottom auto',
defaultViewDate: 'today',
clearBtn: true
}).on('changeDate', function (e) {
if (table) {
$(".pagecontainer .loading").remove();
$(".pagecontainer").append('<div class="loading" style="position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index:3"><div style="display:block;margin-left:auto;margin-right:auto;"><img src="/images/LoadingShape64Tr.gif" style="position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;" /></div></div>');
table.draw();
}
});

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Oct 29, 2018 06:16 AM
Report

Hi rakibxl,

You need to add desired locale after the plugin. You can find it in locales folder on github.

https://github.com/uxsolutions/bootstrap-datepicker

HTML

<asp:TextBox runat="server" ID="txtDate" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/css/datepicker3.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/locales/bootstrap-datepicker.it.js"></script>
<script type="text/javascript">
    $(function () {
        $('#txtDate').datepicker({
            language: '<%= Session["Login"]%>',
            autoclose: true,
            todayHighlight: true,
            orientation: 'top auto',
            defaultViewDate: 'today',
            clearBtn: true
        }).on('changeDate', function (e) {
        });
    });
</script>

protected void Page_Load(object sender, EventArgs e)
{
    Session["Login"] = "it";
}

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Change Bootstrap DatePicker language in ASP.Net

Company

Explore

Follow us

Contact Us