几款实用的前端日历时间日期选择控件

心已赠人 2022-05-23 10:27 2821阅读 0赞

**1.Bootstrap的datetimepicker**

**![70][]**

具体用法：[https://blog.csdn.net/lianzhang861/article/details/80419775][https_blog.csdn.net_lianzhang861_article_details_80419775]

**2.layui-laydate**

![70 1][]

具体用法：[https://blog.csdn.net/lianzhang861/article/details/80422879][https_blog.csdn.net_lianzhang861_article_details_80422879]

**3.My97DatePicker-WdatePicker**

**![70 2][]**

具体用法：[https://blog.csdn.net/lianzhang861/article/details/80425968][https_blog.csdn.net_lianzhang861_article_details_80425968]

**4.mobiscroll**

![70 3][]

具体用法：[https://blog.csdn.net/lianzhang861/article/details/80604973][https_blog.csdn.net_lianzhang861_article_details_80604973]

**5.使用h5自带的日期控件**

![70 4][]

具体用法：[https://blog.csdn.net/lianzhang861/article/details/80422513][https_blog.csdn.net_lianzhang861_article_details_80422513]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW56aGFuZzg2MQ_size_16_color_FFFFFF_t_70][]

[70]: /images/20220523/2b03328c456d4f219da0a60ef6f9243d.png
[https_blog.csdn.net_lianzhang861_article_details_80419775]: https://blog.csdn.net/lianzhang861/article/details/80419775
[70 1]: /images/20220523/be1256356e1e43c7aaa0e9138cbeceed.png
[https_blog.csdn.net_lianzhang861_article_details_80422879]: https://blog.csdn.net/lianzhang861/article/details/80422879
[70 2]: /images/20220523/9fdfb67e69b64ad2b1c84c2738a84e1f.png
[https_blog.csdn.net_lianzhang861_article_details_80425968]: https://blog.csdn.net/lianzhang861/article/details/80425968
[70 3]: /images/20220523/5fd651acc0b64f1693b766614fe42159.png
[https_blog.csdn.net_lianzhang861_article_details_80604973]: https://blog.csdn.net/lianzhang861/article/details/80604973
[70 4]: /images/20220523/38fbc67039364237a92d5dad56823ecc.png
[https_blog.csdn.net_lianzhang861_article_details_80422513]: https://blog.csdn.net/lianzhang861/article/details/80422513
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW56aGFuZzg2MQ_size_16_color_FFFFFF_t_70]: /images/20220523/4e056d8a59904563a3d300553a5ac21d.png