2016-08-02 4 views
1

Я использую jQuery Datepicker, чтобы выбрать дату на моей веб-странице. Мне нужна аналогичная функциональность, как показано ниже.Я хочу настроить jQuery Datepicker control, он должен расширять выбор года при нажатии на месяц

Click here for similar functionality

<title>Sample Datepicker</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#datepicker").datepicker({ 
       showButtonPanel: true, 
       changeMonth: false, 
       changeYear: false, 
       showAnim: "blind" 
      }); 
     }); 
    </script> 
    <style type="text/css"> 
     body { 
      font-family: Verdana, Arial, sans-serif; 
      font-size: 12px; 
     } 

     .ui-datepicker-week-end a { 
      color: red !important; 
     } 

     .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 
      float: left; 
      margin-left: 35%; 
     } 

     #ui-datepicker-div button.ui-datepicker-close { 
      display: none; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 
      <input type="text" id="datepicker"> 
     </div> 
    </form> 
</body> 

Я хочу схожую функциональность, как показано рисунке выше с помощью JQuery Datepicker. Как показано на изображении, нажав на подборщик месяца, открывается новое всплывающее окно, и вы можете выбрать форму варианта года. Как это возможно?

+0

Это не так, как задавать вопросы, чтобы выполнить свои задачи на SO. Plz попробуй это и поделись своим кодом, когда ты застрял в каком-то месте. Тогда сообщество SO определенно протянет руки, чтобы помочь вам. В противном случае ваш вопрос будет закрыт или помечен модераторами. –

+0

Plz прочитайте эту статью и следуйте ей: http://stackoverflow.com/help/how-to-ask –

+0

S.K.Venkat, это совсем не задача .. !! У нас очень хороший интерфейс для выбора даты, но он просто хочет знать, возможно ли это только с помощью jQuery Datepicker, не меняя слишком много кода? – user6648120

ответ

0

№ Невозможно. Лучшее, что вы можете сделать, это changeYear: true, которое вы уже сделали.

enter image description here

Но если вы используете загрузчик, то есть плагин, который активно поддерживается в Github с той же функциональностью.

Ссылка: https://github.com/eternicode/bootstrap-datepicker

+0

К сожалению, мы не используем bootstrap. В любом случае, спасибо за предложение .. :) – user6648120

+0

нижняя линия есть, вы * не можете достичь * это с UI datepicker с небольшим количеством кода. – naveen

+0

Я нашел Addon с аналогичной функциональностью, и он работает для меня. Вот ссылка https://github.com/silverskater/jQuery-UI-Datepicker-MonthYearPicker-Addon. И мне не нужно менять свой код ... :) – user6648120

 Смежные вопросы

  • Нет связанных вопросов^_^