How to Get the Current Date using Kendo UI

<html>
    <head>
        <title>Kendo Template With Current Date</title>
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.common.min.css">
            <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.rtl.min.css">
                <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.default.min.css">
                    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.dataviz.min.css">
                        <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.dataviz.default.min.css">
                            <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.mobile.all.min.css">
                                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
                                    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
                                    <script src="http://cdn.kendostatic.com/2015.1.408/js/kendo.all.min.js"></script>
                                </script>
                            </head>
                            <body>
                                <div class="container" id="example1"></div>
                                <script id="product-template1" type="text/x-kendo-template">
                                    <h3>Kendo UI with current date </h3>
                                </br>
                                <article>
                                    <time> #= new Date().toLocaleDateString() #</time>
                                </article>
                            </script>
                            <script>
var template1 = kendo.template($("#product-template1").html());
$('#example1').html(template1);
</script>
                        </body>