Yo he probado un montón de ejemplos. Que parece ser bastante simple, pero no puedo hacerlo funcionar. Acabo de simple cuadro de texto y, a continuación, haga clic en en ella no reacciona. Los siguientes scripts que se incluyen:

<script src="/Scripts/modernizr-2.6.2.js"></script>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="/Scripts/moment-with-locales.js"></script>
<script src="/Scripts/moment.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.js"></script>

Estilos

<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/themes/base/css" rel="stylesheet"/>

Modelo

[Display(Name = "OrderDate")]
[DataType(DataType.Date)]
public System.DateTime OrderDate { get; set; }

Vista:

    @section scripts {

        <script type="text/javascript">
            $(function() {
                $(".datepicker").datepicker();
            });
        </script>

    }

    ...

@Html.LabelFor(m => m.OrderDate);
@Html.TextBoxFor(m => m.OrderDate, new {@class = "form-control datepicker" , @id = "datepicker" })
@Html.ValidationMessageFor(model => model.OrderDate, "", new { @class = "text-danger" })

Consola dice: TypeError: $(...).datepicker is not a function

  • Cualquier error en la consola?
  • TypeError: $(…).datepicker no es una función
  • Ponerlo en $(document).listo
  • no ayuda. El mismo error.
  • La secuencia de comandos que ha incluido es bootstrap-datetimepicker.js que suponiendo que usted desea usar, luego de su $(".datepicker").datetimepicker(); (no datepicker()
  • Uncaught TypeError: $(…).datetimepicker no es una función localhost:50804/Content/themes/base/css no se pudo cargar el recurso: el servidor responde con un estado de error 404 (No Encontrado)

4 Comentarios

  1. 3

    Puede utilizar el siguiente:

    @Html.EditorFor(m => m.OrderDate, new {@class = "form-control datepicker" , @id = "datepicker" })
  2. 0

    datepicker() no está en JQuery. Es en JQueryUI. No la puedo ver en el ejemplo de código, así que estoy suponiendo que esto es donde radica el problema.

    Install-package JQuery.ui.combined desde la consola del administrador de paquetes

    Y, a continuación, agregar una secuencia de comandos de referencia (antes de la secuencia de comandos) para el jquery.la interfaz de usuario.{versión}.js que se agrega entonces.

  3. 0

    JS:

    <script type="text/javascript">
    
        $(document).ready(function () {
            $("#StartDate").datepicker({
    
                //minDate: new Date(),
                showOn: "button",
                buttonImage: "/Content/Themes/images/date.png",
                buttonImageOnly: true,
                buttonText: "Select date",
                onSelect: function (selected_date) {
                    var selectedDate = new Date(selected_date);
                    var endDate = new Date(selectedDate.getTime());
                    $("#StartDate").datepicker("option", "minDate", endDate);
                }
            });
    
            $('#EndDate').datepicker({
                showOn: "button",
                buttonImage: "/Content/Themes/images/date.png",
                buttonImageOnly: true,
                buttonText: "Select date",
            });
    
    
        });
    
    
    </script>

    @Html.TextBoxFor(m => m.Startdate, nuevo { @class = «form-control de marcador de posición-revisión necesaria», @tipo = «texto», @autocomplete = «off», @placeholder = «Fecha de Inicio» })

    @Html.TextBoxFor(m => m.Enddate, nuevo { @class = «form-control de marcador de posición-revisión necesaria», @tipo = «texto», @autocomplete = «off», @placeholder = «Fecha Final» })

Dejar respuesta

Please enter your comment!
Please enter your name here