Как добавить «Customdate» в виде ссылки в выпадающем списке и открыть дату после нажатия на нее? - PullRequest
Новая
       11

Как добавить «Customdate» в виде ссылки в выпадающем списке и открыть дату после нажатия на нее?

0 голосов
/ 12 июня 2018

Я хочу добавить настраиваемую дату в выпадающий список, и при нажатии на нее должна открыться дата в MVC.

JQuery 

 $("#CustomDate").datepicker({
            numberOfMonths: 1,
            dateFormat: 'dd/mm/yy',
            changeMonth: true,
            changeYear: true,
        });

Просмотр 

  @Html.DropDownListFor(m => m.Period, new List<SelectListItem>
                         {
                         ,
                          new SelectListItem {Value = "03/05/2018", Text = "Current Year" },
                          new SelectListItem {Value = "03/05/2017", Text = "Last Year" },
                          new SelectListItem {Value = "CustomDate", Text = "Custom Date"} // want to make CustomDate as link and want to open Date
                         },
                              new { @class = "form-control" })

1 Ответ

0 голосов
/ 12 июня 2018

Вы можете добавить другой класс в выпадающий список, прикрепить обработчик события изменения jquery, и там вы увидите элемент со значением 'CustomDate'.Когда это условие выполнено, вы можете открыть свой выбор даты.Смотрите рабочий пример ниже: 

$('.my-select').change(function(evt){
  if(this.value === 'Custom'){
    console.log('Custom Selected!');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="my-select form-control">
  <option value="1">Opt 1</option>
  <option value="2">Opt 2</option>
  <option value="Custom">Custom Date</option>
</select>
...