2013-08-05 2 views
0

я использую с jquery datepicker (http://jqueryui.com/datepicker/#method-dialog)JQuery выбор datepicker- месяц (без выпадающие)

Я хочу, чтобы иметь возможность выбрать месяцы и годы.
Я определяю это:

$("input").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
     }); 

Но я действительно ненавижу выпадающие из datepicker.
Я хочу, чтобы иметь возможность выбрать месяцы и годы, как и в ajaxToolkit: CalendarExtender

enter image description here

Это можно ??

+1

Я не думаю, что DatePicker JQuery UI имеет эту точку зрения, но, возможно, вы захотите взглянуть на этот другой плагин [Datepicker для Bootstrap ] (http://eternicode.github.io/bootstrap-datepicker/) –

+0

спасибо !!! но я хочу использовать jQuery UI, есть ли у кого-нибудь идеи? – lealam

ответ

1

Как указано @koala_dev, вы можете достичь этого, используя Datepicker for Bootstrap.

Обновлено:

$("#datepicker").datepicker({ 
 
    format: " m-yyyy", 
 
    viewMode: "months", 
 
    minViewMode: "months" 
 
});
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.js"></script> 
 
<input type="text" id="datepicker" />

+0

Fiddle больше не работает:/ – SearchForKnowledge

+1

@SearchForKnowledge внешняя ссылка в скрипке истек. Теперь я исправил cdns. Отъезд – Praveen

+1

DUH !!! Глупый я ... Извини за это. Благодарю. +1 – SearchForKnowledge