[jQuery] cross-datepicker

El otro día creando un form de registro en C# y MVC me vi ante la necesidad de un datepicker cross browser. Todos eran muy complejos, había que incluir css + js, o eran muy pesados. Algunos excedían las funcionalidades que necesitaba. Es por eso que creé cross-datepicker (open source).


Cross-DatePicker es un sencillo datepicker que permite obtener fechas en diferentes formatos. Es totalmente personalizable, soporta muchos idiomas, es escalable, cross-browser, y lo más importante: SIMPLE.

Ejemplo: cross-datepicker combinado con Twitter Bootstrap.

Cómo implementarlo? Incluir su script, y luego:

Uso básico:
$(function() {
    $("input[type='date']").cdp({
        hideInput: false
    });
});


Todas las opciones (explicación en la página del plugin):
$(function() {

    $("input[type='date']").cdp({
    
        addNullOption: false,
        classes: {
            container: "cdp-container",
            controls: "cdp-select",
            days: "cdp-d",
            months: "cdp-m",
            years: "cdp-y"
        },
        format: "d/mmm/yyyy",
        hideInput: true,
        inputFormat: "yyyy-mm-dd",
        months: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        nullOptionText: "Select",
        years: ["now", -100]
        
    });
    
});


Página del plugin:
https://github.com/lcnvdl/cross-datepicker

Comentarios

Entradas populares de este blog

Ordenar lista en python - Super fácil!