DateTimeNullable.cshtml

@model DateTime?
@using System.Globalization;
<div class="row">
    <div class="col-sm-12 col-xs-12 col-md-6">
        <div class="input-group">
            <div class="input-group-addon" id="popover-for-@Html.IdForModel()" >
                <span class="glyphicon glyphicon-calendar"></span>
            </div>
            <input id="@Html.IdForModel()" name="@Html.NameForModel()" class="form-control text-box single-line" value="@(Model > DateTime.MinValue || Model.HasValue ? Model.Value.ToString("yyyy/MM/dd hh:mm:ss tt") : null)" />
        </div>
    </div>
</div>
@{
    var locale = CultureInfo.CurrentCulture.Name;
}
@if (locale == "fa-IR")
{
<script>
        $(document).ready(function () {
            $("#popover-for-@Html.IdForModel()").MdPersianDateTimePicker({
            Placement: 'bottom',
            Trigger: 'click',
            EnableTimePicker: true,
            TargetSelector: '#@Html.IdForModel()',
            Format: 'yyyy/MM/dd hh:mm:ss tt',
            EnglishNumber: true,
        });
    });
</script>
}
else
{
    <script>
    $(document).ready(function () {

        $("#@Html.IdForModel()").kendoDateTimePicker({
        popup: {
            position: "bottom right",
                origin: "top right"
            }
        });
    });
    </script>
}