Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Backend-Entwicklung > PHP-Tutorial > My97DatePicker是什么？

My97DatePicker是什么？

PHPz
Freigeben： 2020-09-04 17:47:47
Original
2761 Leute haben es durchsucht

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>
Nach dem Login kopieren

效果图：

3.png

4.png

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

js中：

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

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

Verwandte Etiketten：
My97DatePicker
Quelle：php.cn
Vorheriger Artikel：提示这个可能是什么有关问题 PHP has encountered an Access Violation at 0378EDE6 Nächster Artikel：使用json_encode获取中文unicode的有关问题
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2205
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2354
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1972
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1857
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1921
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage