如何禁用days是datepicker materializeCSS

时间:2017-07-20 11:12:46

标签: datepicker materialize

我正在使用materializeCSS datepicker,我只想选择年份和月份

我试过这个。另外如何格式化日期。我希望它的代表性为2017-07-20

$('.datepicker').pickadate({
  selectMonths: true, // Creates a dropdown to control month
  selectYears: 15,
  selectDays: false,
  today: 'Today',
  clear: 'Clear',
  close: 'Ok',
  closeOnSelect: false // Close upon selecting a date,
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.0/css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.0/js/materialize.min.js"></script>

<div class="input-field">
  <input type="date" class="datepicker" name="date" id="date">
</div>

1 个答案:

答案 0 :(得分:1)

试用此代码

$('.datepicker').pickadate({
  selectMonths: true, // Creates a dropdown to control month
  selectYears: 15,
  disable: [true],//disable days
  today: 'Today',
  clear: 'Clear',
  close: 'Ok',
  closeOnSelect: false // Close upon selecting a date,
});

DEMO