Какой плагин / библиотека javascript datepicker использовать для максимальной гибкости

Question

Я знаю, что обычные сборщики дат в javascript многочисленны, но все они выглядят непримечательными. Даже средство выбора даты jQuery UI выглядит немного устаревшим. Я хорошо использую тот, который выглядит грубым сейчас, но позже мы захотим улучшить его внешний вид (сделать его более совместимым с остальным пользовательским интерфейсом), и я не хочу стрелять себе в ногу, выбирая тот, который будет трудно изменить. Я говорю только о косметических изменениях CSS / HTML (или шаблонов)

Какой плагин JavaScript / даты и календаря вы бы порекомендовали с точки зрения гибкости шаблона?

Спасибо

Answer 1

Я всегда находил JQuery UI Datepicker великолепным.Существует множество тем для пользовательского интерфейса jQuery, или вы можете свернуть свой собственный .Это определенно не выглядит устаревшим, если вы нашли время, чтобы заставить его выглядеть так, как вы хотите.

Answer 2

Используйте пользовательский интерфейс Jquery, http://jqueryui.com/demos/datepicker/

, чтобы вам больше не нужно было ставить библиотеки.Он имеет почти все необходимые функции, а также хорошую документацию.см., например, ниже

$ (документ) .ready (function () {

    // the jquery calendar
    $( "#yourId" ).datepicker({
        showOn: "both", // show on clicking image as well as text box
        yearRange: "2000:2030",
        buttonImage: imagePath+"/b-calendar.gif", // custom image
        buttonImageOnly: true,
        dateFormat: 'dd-M-yy',
        showOtherMonths: true,
        selectOtherMonths: true
        ,changeMonth: true
        ,changeYear: true
        //,showAnim:"slideDown"
        ,buttonText: 'Show Calendar'
        //,showButtonPanel : true
        ,prevText: 'Previous Month'
        ,nextText: 'Next Month'
        ,beforeShow: function (textbox, instance) { // work around 4 alignment 
            instance.dpDiv.css({
                    marginTop: (-textbox.offsetHeight) + 'px',
                    marginLeft: textbox.offsetWidth + 30+ 'px'
        });
        }
    });
});