Html 选择时间框

HTML5日期时间输入与My97DatePicker使用

原创已于 2023-09-18 16:11:28 修改 · 3.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #jquery

于 2020-05-26 08:24:38 首次发布

Html 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML5中日期时间输入类型的使用方法，包括'datetime-local'、'date'等，并提供了JavaScript设置默认值的示例。同时，深入探讨了My97DatePicker日期控件的配置与应用，适用于需要复杂日期选择功能的场景。

<input type="datetime-local" id="JBStartTime" />
<script type="text/javascript">
	$(function () {
		$("#JBStartTime").val("2020-05-24T00:00:00");
	})
<script>

这里的type实际上是可以为“date”、“week”、“month”、“time”、“datetime”和“datetime-local”
2\

My97DatePicker（WdatePicker）日期控件用法
https://blog.csdn.net/zqg4919/article/details/74719699

<script src="~/plugin/My97DatePicker/WdatePicker.js"></script>
<input readonly="readonly" type="text" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" class="Wdate" id="JBStartTime" name="EndDate" style="width: 150px;" />