2017-05-12 1 views
0

-je cette datepicker jQuery dans une application mvcjQuery datepicker travail doesnt quand publier

$("#datepicker").datepicker({ 
      dayNamesMin: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"], 
      monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], 
      dateFormat: 'dd/mm/yy', 
      showAnim: "fold" 
     }); 

et je le montre dans ce @ Html.EditorFor

<div class="form-group"> 
        <div class="col-md-4"> 
         @Html.LabelFor(model => model.fechaEvento, htmlAttributes: new { @class = "control-label" }) 
         <div class="input-group"> 
          <span class="input-group-addon transparent"><span class="glyphicon glyphicon-calendar"></span></span> 
          @Html.EditorFor(model => model.fechaEvento, null, new { htmlAttributes = new { @class = "form-control left-border-none", @readonly = "readonly", @id = "datepicker", @title = "especifique fecha en que impartirá el evento", @Value = ViewBag.fechaEvento } }) 
         </div> 
         <p class="help-block">click para especificar fecha</p> 
         @Html.ValidationMessageFor(model => model.fechaEvento, "", new { @class = "text-danger" }) 
        </div> 

et fonctionne très bien quand en cours d'exécution de Visual studio

enter image description here

mais quand je publierai le vi App et l'accès un web le Datepicker est transparent et il est difficile de voir la date et en choisir un.

enter image description here

ce sont les scripts et css

<link href="@Url.Content("/Content/themes/base/jquery-ui.css")" rel="stylesheet"> 
    <link href="@Url.Content("/Content/themes/base/all.css")" rel="stylesheet"> 
    <link href="@Url.Content("/Content/themes/base/base.css")" rel="stylesheet"> 
    <link href="@Url.Content("/Content/themes/base/theme.css")" rel="stylesheet"> 
    <link href="@Url.Content("/Content/themes/base/dialog.css")" rel="stylesheet"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui-1.12.1.js")"></script> 

pourriez-vous s'il vous plaît me dire ce qui est faux?

+0

Vérifiez les demandes réseau du navigateur pour les ressources manquantes ou les erreurs de script. Parfois, lorsque vous publiez les chemins de ressources devient cassé. – Jasen

+0

mieux rendre le script et les feuilles de style via le regroupement –

Répondre

0

Vous pouvez essayer d'utiliser la version CDN, il ne peut clairement pas trouver le fichier .css lorsque vous construisez l'application pour une raison quelconque, est le chemin droit? Majuscules/Minuscules correctes? Images de jQuery UI dans le répertoire correct qui peut être consulté par le code?

CDN VERSION

<script 
    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 

au lieu de

<script src="@Url.Content("~/Scripts/jquery-ui-1.12.1.js")"></script> 

Et essayer de faire la même chose avec le chèque css the complete CDN list here

https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css