none
seleccion de Fecha RRS feed

  • Pregunta

  • necesitaria añadir un textbox que me permita seleccionar fechas a mi aplicacion web mvc tipo a esto que adjunto en la foto:

    cuando pinchas sobre el textbox se muestra este panel de seleccion de fecha.

    lunes, 17 de septiembre de 2018 14:26

Todas las respuestas

  • Buenas,

    Si estas usando MVC, puedes añadir en tu vista 

    @Html.EditorFor(model=>model.TUCAMPODATETIME)

    Y automáticamente te añadirá un input para datetime.

    Si quieres darle más funcionalidad, puedes también utilizar el datepicker de boostrap o algún otro para darle otros efectos.

    Atte


    Jorge Turrado Ferrero

    Mis repositorios en GitHub
    Ranking GitHub Euskadi
    Ranking GitHub Alava

    No olvides votar mi comentario si te ha ayudado y marcarlo como respuesta si ha sido la solución, con eso ayudas a mejorar mi reputación en la comunidad y a identificar la respuesta a la gente que tenga el mismo problema.

    lunes, 17 de septiembre de 2018 14:48
  • no tengo ningun campo en el model de fecha, solo necesito que se muestre el cuadrado para selecionar una, esa idea que me has pasado es simple y me gusta, pero necesitaria que estuviera en blanco el campo fecha para selecionar las que yo quiero
    lunes, 17 de septiembre de 2018 14:59
  • Otra opcion, si no quieres usarlo con valores inicializados, es que utilizes la etiqueta input/date simploemente

    <input type="date" id="dateInput">

    Este te dejara la entrada de fecha con el valor por defecto "dd/mm/aaaa". En caso de querer que el input este totalmente vació, y que al pulsar se despliegue, tendrás que hacer algo con javascript que te despliegue el calendario

    Atte


    Jorge Turrado Ferrero

    Mis repositorios en GitHub
    Ranking GitHub Euskadi
    Ranking GitHub Alava

    No olvides votar mi comentario si te ha ayudado y marcarlo como respuesta si ha sido la solución, con eso ayudas a mejorar mi reputación en la comunidad y a identificar la respuesta a la gente que tenga el mismo problema.

    lunes, 17 de septiembre de 2018 15:27
  • pero asi solo se me muestra el cuadro de texto y no me sale el calendario para seleccionar fecha

    lunes, 17 de septiembre de 2018 15:35
  • Poniendo 

    <input type="date" id="dateInput">

    te sale el textbox y cuando pinchas en el se te despliega el calendario. al menos si tu navegador soporta html5 que es quien implementa el input/date.

    Atte


    Jorge Turrado Ferrero

    Mis repositorios en GitHub
    Ranking GitHub Euskadi
    Ranking GitHub Alava

    No olvides votar mi comentario si te ha ayudado y marcarlo como respuesta si ha sido la solución, con eso ayudas a mejorar mi reputación en la comunidad y a identificar la respuesta a la gente que tenga el mismo problema.

    lunes, 17 de septiembre de 2018 15:50
  • mi pregunta es como puedo poner un dato de fecha si mi model no to contiene pero si puedo pasar una variable viewbag.fecha.

    seria hacer esto:

     <div class="editor-field">
            @Html.EditorFor(Function(model) model.Fecha_Vencimiento)
            @Html.ValidationMessageFor(Function(model) model.Fecha_Vencimiento)
        </div>


    pero en vez de pasar model.fecha_vencimiento pasar viewbag.fecha.

    mi explorer no soporta html5, tambien me valdira un ejemplo paso a paso de como montar un datapiker.

    tengo importada la css datepicker.css

    Tambien utilizo razor
    • Editado pit29 lunes, 17 de septiembre de 2018 16:16
    lunes, 17 de septiembre de 2018 16:07
  • hola

    >>no tengo ningun campo en el model de fecha

    pero entonces como piensas capturar la seleccion cuando se realice el submit del form?

    lo mas facil es definiendo un model para la view en donde una propiedad sea para la fecha

    pero asi solo se me muestra el cuadro de texto y no me sale el calendario para seleccionar fecha

    tienes que validar que apliques

      $( function() {
        $( "#datepicker" ).datepicker();
      } );

    usando el id como selector

    https://jqueryui.com/datepicker/

    analiza el ejemplo del codigo del link

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Propuesto como respuesta Jorge TurradoMVP lunes, 17 de septiembre de 2018 18:00
    lunes, 17 de septiembre de 2018 16:09
  • estoy intentado utilizar datepiker pero me muestra el siguiente mensaje:

    Excepción no controlada en línea 3, columna 5 en http://localhost:64336/Scripts/DatePicker.js
    0x800a01b6 - Error en tiempo de ejecución de JavaScript: El objeto no acepta la propiedad o el método 'datepicker'

    el codigo que me lo muestra es un javascript

    $(function () {
    
        $(".datefield").datepicker({ dateFormat: 'dd/mm/yy', changeYear: true });
        //$("#FechaBusqueda").datepicker({ dateFormat: 'dd/mm/yy', changeYear: true });
    });

    miércoles, 19 de septiembre de 2018 7:30