используя daterangepicker.js, как выбрать только день и месяц?

У меня есть проект в asp.net mvc, и я использую daterangepicker.j для средства выбора даты. тогда как я могу выбрать только день и месяц в своем текстовом поле.

мое текстовое поле

<input type="text" id="yearEndDatePicker" placeholder="" data-bind="value: yearEnd" class="form-control">

мой код

$('#yearEndDatePicker').datepicker({
                autoclose: true,
                format: 'mm-dd-yyyy',
            });

здесь я хочу формат, когда дата выбора "17 июля"


jquery asp.net-mvc daterangepicker jquery-ui
person Abhijit Pandya    schedule 17.07.2014    source источник
comment
Пожалуйста, дайте ссылку на плагин, который вы используете! И создайте скрипку вашего кода!   -  person Rahul Gupta    schedule 17.07.2014

Ответы (2)


arrow_upward
3
arrow_downward

Ничего не нашел об этом, но мне удалось найти решение, используя некоторые пользовательские настройки.

$('#date').daterangepicker({
  "singleDatePicker": true,
  "locale": {
    "format": "DD/MM",
  },
  startDate: '01/01',
  endDate: '31/12',
  minDate: '01/01',
  maxDate: '31/12',
  showDropdowns: true
}
);
.yearselect{
  display: none;
}
<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

<input type="text" id='date'/>

Это позволит вам выбрать дату и месяц.

Я не мог удалить отношение дня недели/дня месяца. Но с этой настройкой всегда будут выбираться настройки текущего года.

Это работает нормально. Мне пришлось использовать css, чтобы скрыть средство выбора года.

JSFiddle

person Phiter    schedule 26.07.2016

arrow_upward
0
arrow_downward

Вы можете использовать его следующим образом:

$('#yearEndDatePicker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'dd MM'
    });

Скрипт: http://jsfiddle.net/9U8zT/2/

person Pranav    schedule 17.07.2014
comment
я не использую jquery.Ui.js, я использую daterangepicker.js, ваш код правильный, но не работает для daterangepicker, он работает для jquery ui - person Abhijit Pandya; 17.07.2014