Currently to use the native mobile Date Picker I have to add if statement like so:
@if (Request.Browser.IsMobileDevice)
{
@Html.TextBoxFor(model => model.DateTime, new {type = "date", @class = "k-textbox k-input", @onchange = "dataChanged()" })
}
else
{
@(Html.Kendo().DatePicker()
.Name("DateTime")
.Events(e => e.Change("dataChanged"))
.HtmlAttributes(new {style = "width: 120px;"})
.Value(Model.DateTime)
)
}
What's worse is now the data() method cannot be used to reference the Date Picker in JavaScript, thus, another if statement has to be used:
if ($("#isMobile").val() = 1) {
var dateTime = $("#DateTime").val();
} else {
var dateTime = $("#DateTime").data("kendoTimePicker").value();
}
It would be great if something like UseNative(true) could be used keeping the Kendo Date Picker API:
@(Html.Kendo().DatePicker()
.Name("DateTime")
.Events(e => e.Change("dataChanged"))
.HtmlAttributes(new {style = "width: 120px;"})
.Value(Model.DateTime)
.UseNative(true)
)