Question: I need to be able to properly compare two dates within the client template of a Kendo HTML Grid. Here is what I have:

```
                @(Html.Kendo().Grid<TfInvoicesReturnModel>()
                    .Name("invoiceGrid")
                    .DataSource(dataSource => dataSource
                                    .Ajax()
                                    .Sort(sort => sort.Add("OrderDate").Descending())
                                    .Read(read => read.Action("Invoices_Read", "Jobs", new { JobNo = Model.JobNo, CustomerNo = Model.CustomerId }))
                                    .Events(events => events.Error("error_handler"))
                                    .Model(model =>
                                    {
                                        model.Id(p => p.InvoiceNo);
                                    })
                                )

                .Columns(columns =>
                {

                    columns.Bound(p => p.InvoiceNo).ClientTemplate(
                         "#if(BalanceDue > 0 && DueDate < " + @CurDate + ") {# " +
                                "<span style='color:red; font-weight:bold'>#: InvoiceNo #</span>" +
                            "#} else {#" +
                                "#: InvoiceNo #" +
                            "#} #"
                        ).Title("Invoice").Width(125);  ...

```

Where @CurDate is a variable in the view:

```
String CurDate = DateTime.Now.ToShortDateString();

```

When I run this, CurDate is correct. But of course the comparison is not working correctly because DueDate is not in the same format. How can I make this work?

Answer: 
You can achieve this by formatting your date into the needed format.

<https://docs.telerik.com/kendo-ui/framework/globalization/dateformatting>
Here is how:

```
kendo.toString(new Date(DueDate), "g") // for -> 11/6/2018 12:00 AM

```
There are 2 options.

1) You can calculate your condition on server and pass bool variable to client, so your template will be like that:

```
"#if(DateCheck) {# " +
    "<span style='color:red; font-weight:bold'>#: InvoiceNo #</span>" +
"#} else {#" +
    "#: InvoiceNo #" +
"#} #"

```

And action "Invoices\_Read":

```
...
.Select(w => new TfInvoicesReturnModel
{
    ...
    DateCheck = w.BalanceDue > 0 && w.DueDate < DateTime.Now.Date
    ...
})
...

```

2) You should convert your DateTime property to JS date with kendo.parseDate() method from [doc](https://docs.telerik.com/kendo-ui/framework/globalization/dateparsing) to compare dates on client side, so your template will be like that:

```
"#if(BalanceDue > 0 && DueDate < kendo.parseDate(" + @CurDate + ", YOUR_FORMAT)) {# " +
    "<span style='color:red; font-weight:bold'>#: InvoiceNo #</span>" +
"#} else {#" +
    "#: InvoiceNo #" +
"#} #"

```