Material Select and Datepicker

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Material Select and Datepicker

Hsunight asked 8 years ago

HI, I have some question about Material Select and Datepicker 1. How can I remove all selected item in Material Select? I had use destory, however the selected item still selected 2. Datepicker when I select a date and close it, than I look other file and come back to the browser, datepicker will popup again, I had try to blur the focus, however it notwork...

Magdalena Obalska answered 8 years ago

Hi, I need some more details about what you're expecting to do with your Material Select. Please, send me your code for Material Select and Datepicker. Regards

Hsunight answered 8 years ago

Here's the code, thanks a lot Material Select : I need when I click initSelect, if it have select some item should go back to Choose your option source code Datepicker : I need when I select some date and close datepicker, zoom browser viewport out and open it datepicker shouldn't show again, it very strange... source code

Hsunight answered 8 years ago

Datepicker have another question, this also need init too... I had use date-value to set default value, however, if I select a date and set again data-value, the select still is the date that first time I select, I need it select new date source code

Magdalena Obalska answered 8 years ago

Try this: Material Select: 
$(function(){
  $('.mdb-select').material_select();
  
  $("#initSelect").click(function(){
    console.log("initSelect");
     $('.select-dropdown li:first-child').removeClass('disabled').trigger('click').addClass('disabled');
  });
});
Datepicker: 
$(function(){
  $('.datepicker').pickadate({
    format: 'yyyy/mm/dd',
  });
  $('#initDatepicker').click(function(){
    $('.datepicker').val($('.datepicker').attr('data-value'));
  });
});
There's a bug in our datepicker, so that's the reason why you're having a problem with popping-up. We'll fix it as soon as possible.

Hsunight answered 8 years ago

Both not good solution... Why reset material-select it will pop up, it's very illogical, datepicker only clean input value, however when I open datepicker, before date still selected

Magdalena Obalska answered 8 years ago

About Material Select: can you say more precisely what's wrong? Here's the solution for Datepicker: 
$(function(){
  $('.datepicker').pickadate({
    format: 'yyyy/mm/dd',
  });
  $('#initDatepicker').click(function(){
   var date = $('.datepicker').attr('data-value');
    var picker = $('.datepicker').pickadate('picker');
    picker.set('select', date);
  });
});

Hsunight answered 8 years ago

Datepicker Solution is better! And about Material Select, it's my wrong! I'm sorry! I forgot my select is multiple select, if use that solution, checkbox will be check and select option won't be uncheck source code

Hsunight answered 8 years ago

I have two new question again, can material-select have group with multiple? I try to mix them, unfortunately, notwork... If material-select can have group, can I check group then all group item checked? source code

Magdalena Obalska answered 8 years ago

The only way to mix it is our solution below: <select class="mdb-select" multiple> <option value="" disabled selected>Group 1</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="" disabled>Group 2</option> <option value="4">Option 4</option> <option value="5">Option 5</option> <option value="6">Option 6</option> </select> <label>Example label</label>

Hsunight answered 8 years ago

Okay...but have multiple and can't use group is very wired, hope can add to MDB's plan

Hsunight answered 8 years ago

Does multiple select have solution?

Magdalena Obalska answered 8 years ago

We don't have any better solution for now, but for sure it will change in the future.

Hsunight answered 8 years ago

I try to use className checked is it selected source code Hope MDB team can make it better

Magdalena Obalska answered 8 years ago

Could you explain what do you want to get?

Hsunight answered 8 years ago

Just multiple-select need a reset function

Magdalena Obalska answered 8 years ago

Currently we don't have any solutions for multiple-select reset, but we'll be working on it in the near future.

herve pro answered 7 years ago

Hello, I have enabled typing into the input but i would like to have the possibility to trigger the pickadate popup, for example when i click on an icon close to the input field. is it possible ? Thank you
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
datepicker material-select
Related topics
0
metarialSelect options disappearing on selection
0
material-select-view.js error
0
Pro components not work in 4.16.0
11
Datepicker range
7
Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
About author
Hsunight
10Support score
5Questions 13Answers
0Snippets likes 0Snippets