HTML input 标签 date 类型设置默认值

原创已于 2023-03-06 21:53:57 修改 · 2.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #前端 #javascript

于 2023-03-06 21:53:32 首次发布

文章介绍了如何在HTML中使用input标签的date类型来设置默认日期，并通过JavaScript在文档加载时动态设置默认值。示例代码展示了如何将日期字符串赋值给input元素，以显示预设的日期。

HTML input 标签 date 类型设置默认值

<div class="am-u-sm-9">
    <input id="defaultdate" required="" placeholder="请选择日期" value="{{defaultdate|date:"Y-m-d"|default_if_none:""}}" name="defaultdate" type="date">
</div>

<script language="JavaScript"> 
    <!--设置默认值 -->
	<!--var defaultdate = "2022-01-02" -->;
	<!--通过传入参数设置默认值 -->
	var defaultdate = "{{defaultdate}}";
	$(document).ready(function(){
		$('#defaultdate').val(defaultdate);
	})
</script>