Apakah kegunaan bootstrap-datepicker

Dalam bootstrap, "bootstrap-datepicker" digunakan untuk menetapkan gaya kalendar dan masa. Sintaksnya ialah "elemen object.datepicker({property:property value,... })" ;Gaya paparan masa boleh ditetapkan melalui atribut yang berbeza.

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Apakah kegunaan bootstrap -datepicker

bootstrap-datepicker ialah pemalam pemilihan masa, tetapi format teks lalai yang dipaparkan ialah bahasa Inggeris, jadi pakej bahasa Cina mesti diperkenalkan dahulu

<script type="text/javascript" src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src=&#39;bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js&#39;></script>
<script>

Pengenalan ringkas kepada beberapa sifat asas bootstrap-datepicker

$(function(){
         $('#datetimepicker').datetimepicker({
           language:"zh-CN",    //语言选择中文
           format:"yyyy-mm",    //格式化日期
           timepicker:true,     //关闭时间选项
           yearEnd:2050,        //设置最大年份
           todayButton:false    //关闭选择今天按钮
           autoclose: 1,        //选择完日期后，弹出框自动关闭
           startView:3,         //打开弹出框时，显示到什么格式,3代表月
           minView: 3,          //能选择到的最小日期格式
    });

Ambil 2 kes mudah

Hanya paparkan tahun dan bulan

$('#datetimepicker').datetimepicker({
         language:"zh-CN",
         format:'yyyy-mm',
         autoclose: 1,
         startView:3, 
         minView: 3,
       });

Paparan tahun, bulan dan hari

            language:  'zh-CN',  
            minView:2,
            autoclose: 1,
            startView:3, 
            format:'yyyy-mm-dd',

Nota: Mungkin terdapat masalah dengan gaya pemilihan kalendar

Imej butang di sebelah kiri dan sebelah kanan tidak tersedia

Ini sepatutnya menjadi masalah versi bootstrap, tetapi bukan pada versi 3. Pada masa ini, menambah borang-. nama kelas kawalan kepada input boleh menyelesaikan masalah

Contoh pilihan:

weekStart

Nilai lalai: 0

Hari minggu bermula. 0 (Ahad) hingga 6 (Sabtu)

startDate

Tarikh nilai lalai: masa mula

endDate

Tarikh. Nilai lalai: masa tamat

autotutup

Nilai lalai: palsu

Sama ada untuk ditutup serta-merta selepas memilih tarikh Pemilih waktu tarikh ini.

startView

Nombor, String Nilai lalai: 2, 'month'

Paparan yang pertama kali dipaparkan selepas pemilih tarikh dan masa ialah. dibuka. Nilai yang boleh diterima:

• 0 atau 'jam' untuk paparan jam

• 1 atau 'hari' untuk paparan hari

• 2 atau 'bulan' ialah paparan bulan (nilai lalai)

• 3 atau 'tahun' ialah paparan tahun

• 4 atau 'dekad' ialah paparan sepuluh tahun

hari iniBtn

Boolean, "dipautkan". >Jika nilai ini benar atau "dipautkan", butang "Hari ini" akan dipaparkan di bahagian bawah komponen pemilih tarikh dan masa untuk memilih tarikh semasa. Jika benar, butang "Hari ini" hanya menukar paparan kepada tarikh hari ini Jika "dipautkan", tarikh hari ini akan dipilih.

hari ini Serlahkan

Nilai lalai: palsu

Jika benar, serlahkan tarikh semasa.

Cadangan berkaitan:

tutorial bootstrap

Atas ialah kandungan terperinci Apakah kegunaan bootstrap-datepicker. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!