apakah ada opsi di datetimepicker untuk mengaktifkan atau menyorot hari tertentu

Saya menggunakan http://eonasdan.github.io/bootstrap-datetimepicker/ di proyek saya untuk jadwal janji temu dokter.

Saya telah menyelesaikan semuanya, tetapi satu hal yang tidak saya temukan adalah saya ingin menyoroti hari-hari di mana dokter tersedia. Saya ingin hari-hari itu aktif dan hari-hari lainnya tidak aktif atau redup.

Terima kasih.


bootstrap-datetimepicker eonasdan-datetimepicker
person Mutahir Shah    schedule 03.08.2016    source sumber

Jawaban (2)


arrow_upward
0
arrow_downward

Anda dapat menggunakan opsi disabledDates untuk menyetel tanggal yang dinonaktifkan ke dalam pemilih. Pada contoh berikut, besok dan dalam tiga hari dinonaktifkan:

$('#datetimepicker1').datetimepicker({
  format: 'DD/MM/YYYY',
  disabledDates: [moment().add(1, 'd'), moment().add(3, 'd')]
});
<link href="/id//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="/id//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

<div class='input-group date' id='datetimepicker1'>
  <input type='text' class="form-control" />
  <span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>

person VincenzoC    schedule 04.08.2016
comment
Hai, terima kasih atas balasannya, jawaban Anda juga membantu tetapi persyaratan saya sedikit berbeda. Saya ingin menonaktifkan hari penuh, misalnya jika dokter tidak ada pada suatu hari maka hari itu akan dinonaktifkan. Saya menemukan bantuan dari. hari kerja_unchecked_value = [0, 1, 3, 4, 6] $(#meeting_datetime).data(DateTimePicker).daysOfWeekDisabled(weekday_unchecked_value) $(#meeting_datetime).data(DateTimePicker).enabledHours([meeting_time_moment.hours()]) $ (#meeting_datetime).data(DateTimePicker).melangkah(60) - person Mutahir Shah; 04.08.2016
comment
Mungkin Anda harus mengedit pertanyaan Anda untuk memperjelas apa yang harus Anda lakukan (Nonaktifkan hari tertentu? Atau nonaktifkan hari kerja tertentu?) Pertimbangkan untuk menambahkan contoh kode ke pertanyaan Anda. - person VincenzoC; 04.08.2016

arrow_upward
0
arrow_downward

Saya memecahkan masalah saya dari artikel ini, itu sangat membantu saya. weekday_unchecked_value = [0, 1, 3, 4, 5, 6]
ubah datetimepicker secara dinamis dengan javascript $("#meeting_datetime").data("DateTimePicker").daysOfWeekDisabled(weekday_unchecked_value) $("#meeting_datetime").data("DateTimePicker").enabledHours([meeting_time_moment.hours()]) $ ("#meeting_datetime").data("DateTimePicker").melangkah(60)

person Mutahir Shah    schedule 04.08.2016