Rumah > hujung hadapan web > Tutorial Layui > Bagaimana untuk menetapkan lebar dan ketinggian kawalan tarikh layui

Bagaimana untuk menetapkan lebar dan ketinggian kawalan tarikh layui

下次还敢
Lepaskan: 2024-04-04 03:24:17
asal
923 orang telah melayarinya

Untuk menetapkan lebar dan ketinggian kawalan tarikh layui, terdapat dua kaedah: menetapkan melalui helaian gaya CSS, contohnya: .laydate-main { width: 300px }. Panggil fungsi cangkuk laydate.done dalam kod JavaScript, contohnya: layui.laydate.render({ elem: '#test', done: function() { $(".laydate-main").width(300).height ( 400); }});

Bagaimana untuk menetapkan lebar dan ketinggian kawalan tarikh layui

Cara menetapkan lebar dan ketinggian kawalan tarikh layui

layui ialah rangka kerja JavaScript popular yang menyediakan set komponen UI yang kaya, termasuk kawalan tarikh. Untuk menetapkan lebar dan tinggi kawalan tarikh, terdapat dua kaedah berikut:

Kaedah 1: Gaya CSS

Melalui helaian gaya CSS, anda boleh menetapkan lebar dan ketinggian kawalan tarikh:

<code class="css">.laydate-main {
  width: 300px;
  height: 400px;
}</code>
Salin selepas log masuk

Kaedah 2: Kod JavaScript

Dalam kod JavaScript, anda boleh menetapkan lebar dan tinggi dengan memanggil done fungsi cangkuk kawalan tarikh:

<code class="javascript">layui.laydate.render({
  elem: '#test',
  done: function(value, date, endDate) {
    // 设置宽高
    $(".laydate-main").width(300).height(400);
  }
});</code>
Salin selepas log masuk

Melalui dua kaedah ini, anda boleh menetapkan lebar dan tinggi layui secara fleksibel kawalan tarikh untuk memenuhi keperluan susun atur yang berbeza.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan lebar dan ketinggian kawalan tarikh layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan