Ajouter un sélecteur DateTime?

Question

Je veux ajouter un sélecteur de date et d'heure en HTML5 en utilisant MVC5, comme j'ai créé Datatype Date Heure dans la base de données .... Alors, comment montrer Date Time picker ??. J'ai essayé les éléments suivants

@Scripts.Render("~/bundles/jqueryval") 
@Scripts.Render("~/bundles/jqueryui") 
@Styles.Render("~/Content/themes/base/css") 
@Styles.Render("~/Content/Jcss") 

<script src="~/Scripts/jquery-2.1.3.js"></script> 
<script src="~/Scripts/jquery.datetimepicker.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#DeliveryDate").datetimepicker(); 
    }); 
</script> 

Et en HTML

<div class="col-md-6"> 
    <input type="text" name="DeliveryDate" id="DeliveryDate" /> 
    @Html.ValidationMessageFor(model => model.DeliveryDate, "", new { @class = "text-danger" }) 
</div> 

Answer 1

Voici réponse à la question

Ajouter ce en-tête

<link href="~/Content/bootstrap-datetimepicker.css" rel="stylesheet" /> 
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 

maintenant des scripts (Mise à pied):

@section Scripts { 
@Scripts.Render("~/bundles/jqueryval") 
    <script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker1').datetimepicker(); 
    }); 
    </script> 
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.js"></script> 

Answer 2

Vous pouvez utiliser le type d'entrée = "date" en HTML5 mais pas bien pris en charge. La version actuelle de Firefox ne la supporte pas, donc vous risquez d'avoir beaucoup de mal à la faire fonctionner.

J'utilise ce plugin dans mon projet actuel https://eonasdan.github.io/bootstrap-datetimepicker/