Cómo cambiar el formato de fecha en el selector de fechas de NGX-angular de arranque dentro de un formulario

votos
4

Usando ngx-bootstrap DatePicker en un 4 aplicación angular,

Sé que normalmente se puede especificar el formato de la fecha de esta manera:

<input id=from name=from
       bsDatepicker [(bsValue)]=myModel
       value={{ myModel | date:'yyyy-MM-dd'}}>

pero esta vez estoy dentro de una forma angular basado en plantillas, por lo que mi entrada no está ligado a una variable como myModelen el ejemplo anterior, pero es sólo obligado a la forma:

<input id=from name=from
       bsDatepicker ngModel>

Entonces, ¿cómo puedo especificar el formato de fecha en este caso?

Editar : parece que una manera de lograr esto es mediante la creación de una nueva variable newVaren el interior del componente y luego enlazarlo con [(bsValue)]=newVar:

<input id=from name=from
       bsDatepicker ngModel
       [(bsValue)]=newVar
       value={{ newVar | date:'yyyy-MM-dd' }}>

Sin embargo, me pregunto si hay una solución mejor.

Publicado el 11/09/2017 a las 12:41
fuente por usuario
En otros idiomas...                            


3 respuestas

votos
9

[(bsValue)]está siempre disponible para su uso con bsDatepicker, ¿será campo de entrada o no

Si desea cambiar el formato de un solo campo, entonces

[(bsValue)]="newVar" value="{{ newVar | date:'yyyy-MM-dd' }}" está bien

bsDatepicker tiene integración con campos de entrada y formas, esto debería funcionar para usted:

<input name="from" bsDatepicker [(ngModel)]="newVar">

y se puede globalmente formato de cambio de fecha en el valor de entrada por medio de config

https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/bs-datepicker.config.ts#L31

o mediante [bsConfig]="{dateInputFormat: 'yyyy-MM-dd'}"el elemento conbsDatepicker

nota : en la actualidad existe un problema (v1.9.2) con Lformato, `s siempre utiliza la configuración regional en-us

Respondida el 12/09/2017 a las 18:38
fuente por usuario

votos
0

¿Será capaz de dar más detalles sobre cómo utilizar este archivo de configuración para utilizar un formato global fecha?

Fui a través del enlace de github que ya ha proporcionado anteriormente, pero era incapaz de encontrar la manera de utilizar eso en mi proyecto, ya que tiene gran cantidad de archivos de importación. Actualmente estoy usando el código en línea a continuación para cambiar el formato de fecha.

bsDatepicker [(bsValue)]="newVar" value="{{ newVar | date:'yyyy-MM-dd' }}"

¿Hay un método para poner este formato de fecha 'aaaa-MM-dd' en un archivo de configuración a nivel mundial por lo que sólo puede imprimir una fecha en cualquier campo de la bsDatepicker sin tener una necesidad de mencionar explícitamente el formato?

Respondida el 24/01/2018 a las 03:34
fuente por usuario

votos
0

Si está utilizando gama Selector de fecha se debe usar rangeInputFormat en [bsConfig] en lugar de dateInputFormat.

Respondida el 25/07/2018 a las 08:37
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more