Rumah >hujung hadapan web >tutorial js >如何通过layDate组件制作日期时间选择器
如何通过layDate组件制作日期时间选择器
- 清浅asal
- 2019-01-18 14:29:533403semak imbas
通过layDate组件制作日期时间选择器的方法：首先在官网上下载layDate组件；然后外部引入laydatejs文件；最后直接调用方法使用即可完成日期时间选择器的效果。
本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
首先在官网上下载layDate组件，再外部引入laydatejs文件，最后直接调用方法使用就可以完成日期时间选择器的效果
对于大多数浏览器来说，日期时间选择器控件显示浏览器附带的本机日期和时间选择器。也就是说当用户浏览浏览器时，他们会看到不同的日期时间选择器。今天将和大家分享的是日期选择器效果制作的案例
layDate 日期与时间组件
layDate 组是 layui 独立维护的三大组件之一，里面包含了年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式，并且均支持范围选择
（1）下载layDate组件
下载地址：https://www.layui.com/laydate/
（2）外部引用laydate.js文件
<script src="./layDate-v5.0.9/laydate/laydate.js"></script>
（3）程序代码
<body>
<input type="text" id="text">
<input type="text" id="text1">
<script>
laydate.render({
elem:"#text",
type:"date",
theme:"#CD318E"
});
laydate.render({
elem:"#text1",
type:"time",
theme: "#ccc"
});
</script>
</body>效果图：
总结：到这儿一个简单的日期时间选择器就做好了，希望通过这篇文章可以让大家对layDate组件有初步的认识
Atas ialah kandungan terperinci 如何通过layDate组件制作日期时间选择器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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 sebelumnya：常用的前端框架有哪些Artikel seterusnya：Vue.js框架是什么