masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > pembangunan bahagian belakang > tutorial php > My97DatePicker是什么？

My97DatePicker是什么？

PHPz
Lepaskan： 2020-09-04 17:47:47
asal
2760 orang telah melayarinya

My97DatePicker是一款优秀的日期插件，该插件可以很方便地实现各种日期选择效果，其使用语法如“class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"”。

My97DatePicker是什么？

My97DatePicker是一款优秀的日期插件，它可以很方便地实现各种日期选择效果，博得广大IT开发人员的青睐。

1.png

1.先来最简单的配置方法：

（1）下载WdatePicker.js（包括lang和skin文件夹）。

（2）在html页面中导入WdatePicker.js。

（3）在输入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代码。

（4）打开页面查看效果。

2.png

2.只读，添加控制：开始日期要小于当前日期或小于截止日期；截止日期要大于开始日期小于当前日期

<div>
     起始日期：
        <input type="text" class="Wdate" id="startTime" 
	onClick="WdatePicker({autoPickDate:true,dateFmt:&#39;yyyy-MM-dd&#39;,maxDate:&#39;#F{$dp.$D(\&#39;endTime\&#39;)||\&#39;new Date()\&#39;}&#39;,readOnly:true})" style="width: 120px;"/>
     截止日期：
	<input type="text" class="Wdate" id="endTime" 
	onClick="WdatePicker({autoPickDate:true,dateFmt:&#39;yyyy-MM-dd&#39;,minDate:&#39;#F{$dp.$D(\&#39;startTime\&#39;)}&#39;,maxDate:new Date(),readOnly:true})" style="width: 120px;"/>
</div>
Salin selepas log masuk

效果图：

3.png

4.png

3.获取输入框中的时间：

js中：

var startTime = $("#startTime").val();即可

更多相关知识，请访问 PHP中文网！！

Label berkaitan：
My97DatePicker
sumber：php.cn
Artikel sebelumnya：提示这个可能是什么有关问题 PHP has encountered an Access Violation at 0378EDE6 Artikel seterusnya：使用json_encode获取中文unicode的有关问题
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
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2205
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2353
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1970
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1857
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1920
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan