Angularui Bootstrap DatePicker - ¿Cómo configurar las clases de iconos en los botones PREV / Siguiente de DatePicker? -- angularjs campo con twitter-bootstrap campo con datepicker campo con angular-ui camp Relacionados El problema

Angularui bootstrap datepicker - how to set icon classes on the datepicker prev/next buttons?


0
vote

problema

Español

Estoy usando esta plantilla: http://startbootstrap.com/templates /sb-admin/bootstrap-elements.html y todos los iconos tienen las clases fa y fa-chevron-right por ejemplo en lugar de icon5 y icon-chevron-right .

El Bootstrap Angular-UIUI DatePicker tiene este icono para el botón "Siguiente":

  <i class="icon-chevron-right"></i>   

¿Cómo puedo cambiarlo a:

  <i class="fa fa-chevron-right"></i>   
Original en ingles

I'm using this template: http://startbootstrap.com/templates/sb-admin/bootstrap-elements.html and all the icons have the classes fa and fa-chevron-right for example instead of icon and icon-chevron-right.

The Angular-uiui bootstrap datepicker has this icon for the "next" button:

<i class="icon-chevron-right"></i> 

How can I change it to:

<i class="fa fa-chevron-right"></i> 
           
 
 

Lista de respuestas

3
 
vote
vote
La mejor respuesta
 

Si usa un solo tau8 en la parte inferior de ella hay sección donde se declaran todas las plantillas. Simplemente busque todos los lugares donde tau9 está presente y córtalo a textcnt()0 - o use el reemplazo automático (no debe cambiar nada más que textcnt()1 Clases, pero use responsablemente ;-)). Eso debería ser suficiente.

Si usa la plantilla para el DatePicker: es aún más fácil, ya que tiene que modificar un archivo.

 

If you use single ui-bootstrap-tpls.min.js at the very bottom of it there is section where all the templates are declared. Just look for all places where icon is present and change it to fa -- or use auto-replacement (it should not change anything else than css classes, but use responsibly;-)). That should be enough.

If you use just template for the datepicker: it is even easier, as you have to modify one file.

 
 
         
         

Relacionados problema

6  Angular-UI-Bootstrap - Recogedor de fecha: ¿Cómo puedo restringir el acceso al selector de fecha en la ventana emergente?  ( Angular ui bootstrap date picker how can i restrict access to the date selec ) 
En este momento, primero puedo seleccionar el año, luego el mes, y luego, la fecha. Sin embargo, solo necesito acceso al mes y el año. No estoy seguro de cómo...

0  El servicio de AngularJS no establece datos correctamente  ( Angularjs service not setting data correctly ) 
Tengo este servicio: myApp.factory('Auth', function() { var user; return { setUser: function(aUser) { user = aUser; }, is...

0  Cancelar Bootstrap Angular Modal Dimiss en el fondo Click  ( Cancel angular bootstrap modal dimiss on backdrop click ) 
Quiero que el modal sea despedido si se hace clic en el contexto, pero si el formulario de lado está sucio, quiero poder cancelar el despido, ¿es esto posible...

0  Usando Angular-Ui-Bootstrap para Popup  ( Using angular ui bootstrap for popup ) 
Soy muy ingenuo en angular y en TypeScript. Estoy tratando de crear una ventana emergente para hacer clic en una imagen. Encontré un enlace así que responde a...

4  ng-repetir y ui-si  ( Ng repeat and ui if ) 
Cuando quiero usar ui-if (anguluarui) con ng-repite (y creo que sería más útil allí) recibo un error: Error: Multiple directives [uiIf, ngRepeat] asking fo...

1  MessageBox Angularui con plantilla  ( Angularui messagebox with templateurl ) 
Estoy usando Angular-UI / Bootstrap $ Servicio de diálogo ¡Es posible cargar una caja de mensajes internos parciales? Tomaría el título y el pie de página...

1  Angular-Ui-Bootstrap, elimina la última pestaña, toda la página se actualizó  ( Angular ui bootstrap remove the last tab the whole page was refreshed ) 
Añadido un evento NG-click para eliminar la pestaña en UIB-Tab-Heading.Elverything estaba bien, pero cuando quité la última pestaña, se actualizó toda la pági...

0  No puedo conseguir que Angularui Sortable Demo funcione  ( Cant get angularui sortable demo to work ) 
Tener problemas para obtener una simple demostración ordenable para Angular-UI que va aquí- http://jsfiddle.net/b3ydr/ < / a>: <div ng-app="myApp" ng-cont...

-3  Carrusel dinámico angular  ( Dynamic carousel angular ) 
Estoy recibiendo una matriz del backend, y quiero mostrarlo como un carrusel usando angular. El componente debe ser receptivo. Cada diapositiva contendrá...

1  El parámetro del enrutador de la UI no funciona, simplemente redirigiendo a /  ( Ui router parameter url not working just redirecting to ) 
Estoy tratando de conseguir que el enrutador UI tenga una vista detallada de un mensaje, aquí está el código: .state('app.messages.detail', { url...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos