MVC Razor - Default Value as Current date for textbox type date

Question

I have a Textbox with type as date. I am trying to set default value of the textbox to current date.

@Html.TextBoxFor(x => x.Date, new { @id = "Date", @type = "date", 
                                    @value = DateTime.Now.ToShortDateString() })

The above line doesn't set default value. How to set default value as current date?

Answer 1

As Stephen Muecke said, you need to set the property's value on the model.

// in controller method that returns the view.
MyModel model = new MyModel();
model.Date = DateTime.Today;

return View(model);

And your Razor would be:

@Html.TextBoxFor(x => x.Date, "{0:yyyy-MM-dd}", new { @class = "form-control", @type = "date"})

Note that the id and the name properties should be automatically assigned to the property name when using a For method, such as @Html.TextBoxFor(), so you don't need to explicitly set the id attribute.

Answer 2

It's better way to manage in view

@Html.TextBoxFor(x=> x.Date, new { @Value = @DateTime.Now.ToShortDateString() })

Answer 3

<input asp-for="date" value="@DateTime.Today" type="datetime" class="form-control" />

This works for me. Remember to change 'date' according to your model.

and use this, if you need time as well

<input asp-for="date" value="@DateTime.Now" type="datetime" class="form-control" />

Answer 4

in your controller use this:

MyModel model = new MyModel();
model.Date = model.date == null ? DateTime.Today : model.date;

return View(model);

in your view page

@Html.TextBoxFor(x => x.Date, "{0:yyyy-MM-dd}",
 new { 
   @class = "form-control", 
   type = "date"
})

Answer 5

Another Solution:

 @Html.TextBoxFor(model=>model.CreatedOn, new{@value= System.DateTime.Now})

It works on my end, sure it will work on yours.

Answer 6

 $(document).ready(function () {
        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-';
        if (today.getMonth().length == 2) {

            dateNewFormat += (today.getMonth() + 1);
        }
        else {
            dateNewFormat += '0' + (today.getMonth() + 1);
        }

        onlyDate = today.getDate();
        if (onlyDate.toString().length == 2) {

            dateNewFormat += "-" + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }

        $('#mydate').val(dateNewFormat);
    });

Answer 7

you could use this script in your view

An your razor your razor page would be like

    window.onload = function () {
        var date = new Date();

        var Mes = String(date.getMonth() + 1).padStart(2, '0');
        var Dia = String(date.getDate()).padStart(2, '0');
        var Anio = date.getFullYear();
        document.getElementById("currentDate").value = Anio + "-" + Mes + "-" + Dia;
    };

<div class="col-md-10">
                <input class="form-control text-box single-line"  id="currentDate" name="currentDate" type="date" value="">
 </div>

Answer 8

window.onload = function () { var date = new Date();

    var Mes = String(date.getMonth() + 1).padStart(2, '0');
    var Dia = String(date.getDate()).padStart(2, '0');
    var Anio = date.getFullYear();
    document.getElementById("currentDate").value = Anio + "-" + Mes + "-" + Dia;
};